dynamic_planetdyna
Grünschnabel
Hallo,
ich bin gerade dabei per CMS ( Content Management System ) und CSS eine Handy Datenbank zu erstellen. ( Eine Auflistung verschiedener Hersteller mit den dazugehörigen Handy mit Bild und Informationen. )
Das ganze soll durch CSS Boxen dargestellt werden.
Ein komplettes Handy mit Infos besteht aus 2x Boxen: 1 Box für das Handy und eine weitere für die Infos zum Handy. Die Handy Box steht links und die Infos rechts daneben.
Hier der CSS Auszug der 2x Boxen:
Und hier ein HTML Auszug von 3 Handys.
Beispiel HTML
Das ganze sieht dann so im Explorer aus:
Beispiel Bild
Und so schauts im CMS aus:
Beispiel CMS
Beispiel.:
Motorola V300 -> #box_handy ( wird als Modul Style geladen )
Motorola V300 Text -> #box_handytext ( wird als Modul Style geladen )
Handy: Abstand horiz. 10 / vert. 20
Die ganzen Informationen ( hier handy + text )... werden in eine Vorlage generiert..... also ich habe eine Vorlage mit Tabelle etc. wo die Informationen hinein geladen werden. ( Ab <!--content--> )
Hier die Vorlage:
Wie ihr sicherlich erkennen könnt verschieben sich die Boxen bzw. werden von mal zu mal kleiner...... und ich habe keine Ahnung warum.... es sollte auch eigentlich ein Abstand von Info zur Info Box sein von ca. 20px sein.
Im Prinzip sollen einfach alle Handys untereinander stehen in einem Abstand von ca. 20px... rechts daneben immer die Scrollbare Info Box mit grauen Hintergrund.
Könnt ihr mir da weiterhelfen?
Habt ihr auch evtl. eine Idee wie ich an der rechten Info Box einen Schatten ( rechts unten ) hinkriege?
klappt nicht.
Vielen Dank im Vorraus... ich hoffe ihr könnt mir weiterhelfen.
ich bin gerade dabei per CMS ( Content Management System ) und CSS eine Handy Datenbank zu erstellen. ( Eine Auflistung verschiedener Hersteller mit den dazugehörigen Handy mit Bild und Informationen. )
Das ganze soll durch CSS Boxen dargestellt werden.
Ein komplettes Handy mit Infos besteht aus 2x Boxen: 1 Box für das Handy und eine weitere für die Infos zum Handy. Die Handy Box steht links und die Infos rechts daneben.
Hier der CSS Auszug der 2x Boxen:
Code:
}
.box_handy {
position: static;
top: 0px;
left: 41px;
visibility: visible;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: 180px;
min-width: 161px;
min-height: 180px;
float: left;
overflow: visible;
clear: top;
}
.box_handytext {
background-color: #FAFAFA;
position: static;
left: 0px;
top: 20px;
visibility: visible;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: 180px;
overflow-x: hidden;
overflow-y: scroll;
width: 95%;
clear: top;
border: 1px solid #CCCCCC;
padding: 10px;
}Und hier ein HTML Auszug von 3 Handys.
Beispiel HTML
Das ganze sieht dann so im Explorer aus:
Beispiel Bild
Und so schauts im CMS aus:
Beispiel CMS
Beispiel.:
Motorola V300 -> #box_handy ( wird als Modul Style geladen )
Motorola V300 Text -> #box_handytext ( wird als Modul Style geladen )
Handy: Abstand horiz. 10 / vert. 20
Die ganzen Informationen ( hier handy + text )... werden in eine Vorlage generiert..... also ich habe eine Vorlage mit Tabelle etc. wo die Informationen hinein geladen werden. ( Ab <!--content--> )
Hier die Vorlage:
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Das Unternehmen</title>
<style type="text/css">
<!--
body {
margin-left: 2px;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="/images/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50"></td>
<td><!--content--></td>
</tr>
</table>
</body>
</html>Wie ihr sicherlich erkennen könnt verschieben sich die Boxen bzw. werden von mal zu mal kleiner...... und ich habe keine Ahnung warum.... es sollte auch eigentlich ein Abstand von Info zur Info Box sein von ca. 20px sein.
Im Prinzip sollen einfach alle Handys untereinander stehen in einem Abstand von ca. 20px... rechts daneben immer die Scrollbare Info Box mit grauen Hintergrund.
Könnt ihr mir da weiterhelfen?
Habt ihr auch evtl. eine Idee wie ich an der rechten Info Box einen Schatten ( rechts unten ) hinkriege?
Code:
filter: DropShadow(Color=#FF0000, OffX=3, OffY=3, Positive=1);klappt nicht.
Vielen Dank im Vorraus... ich hoffe ihr könnt mir weiterhelfen.
Zuletzt bearbeitet:
