Dieses Template verwendet eine fixe Breite von 650 px und wird zentriert dargestellt.
#main {
width: 650px;
margin: auto;
margin-top:5px;
text-align:center;
}
Der Header setzt sich zusammen aus dem Header Image und dem Menue. Der obere Teil des Images wird in der index.htm dargestellt der untere im Menue.
#header {
background:#929BBA url(../images/header-1.jpg) 0 0 no-repeat;
height:312px;
color:#F3F1F1;
font-size:1.7em;
text-transform:lowercase;
text-align:center;
}
Das Menü wird per inline Frame eingebunden.
Die Textboxen enthalten ein top-image welches die abgerundeten Ecken darstellt und einen Verlauf enthält. Sie sind 520px breit und innerhalb des parent Containers zentriert.
iframe class="menue" src="menue.htm" frameborder="0" scrolling="no">
p.text
{
margin:auto;
margin-bottom:10px;
width:520px;
padding:5px;
color:#FFFFCC;
background:#7B758A url(../images/text-top.jpg) 0 0 no-repeat;
font-size:0.7em;
text-align:left;
line-height:150%;
}
Das Menü setzt auf JavaScript. Die Grundlage des Menues besteht aus unsortierten Listen. Sehr gut zu sehen in der menue.css
Dieses Template ist CSS validiert.