|
Dieses Template verwendet eine Breite von 950px der eigentliche Contentbereich ist 700px breit mit einem padding von 10px. #gesamt { width:950px; margin:10px auto; text-align:left; } #content { float:right; clear:right; border:1px solid #CCCCCC; border-right:1px solid #757575; border-bottom:1px solid #757575; width: 700px; padding:0; margin:0; background-color: #A0C0E0; color:#444444; text-align:left; }
Das Menue ist eine unsortierte Liste. Die Formatierung erfolgt durch: ul#mainnav { list-style:none; margin:0; padding:0; } ul#mainnav li { text-decoration:none; display:block; width:100%; padding:3px 0%; text-align:left; } ul#mainnav li a:link, ul#mainnav li a:visited { text-decoration:none; display:block; width:100%; padding:3px; text-align:left; color:#202040; background-color: transparent; } ul#mainnav li a:hover { background-color:#E0A0A0; color:#000066; padding:3px 0%; text-align:right; }
Im Contentberecih schließt sich ein Footer ein, der ist 50px hoch und in der Schriftgröße 11px. durch die Klasse Text wird ein Einzug von 10px erreicht, im Contentbereich wie im Footer. #footer { height:50px; padding:0; margin:0; text-align:left; background-color:#E08080; font-size:11px; color:#757575; width:100%; border-top:1px solid #F0F0F0; } #content .text, #footer .text { padding:10px; }
Dieses Template ist CSS validiert und kann komplett im Downloadbereich heruntergeladen werden. |