Site-Navigation mit Listen, Beispiel 01
Das Style-Sheet sieht so aus:
body {
padding: 0;
margin: 0;
}
#maincontent {
color: #000;
background-color: #eee;
padding: 1em;
border-left: 1px dotted #ccc;
margin: 0 0 0 200px;
}
#navigation {
background-color: #b6e; /* violett */
position: absolute;
top: 0;
left: 0;
}
#navigation LI {
background-color: #be6; /* gruen */
list-style: none;
}
#navigation UL {
background-color: #6be; /* hellblau */
}
Das HTML der Seite sieht so aus:
<html> <head></head> <body> <div id="navigation"> <ul> <li>Grundlagen</li> <li>Referenz</li> <li>Tutorials</li> <li>Browser-Support</li> </ul> </div> <div id="maincontent"></div> </body> </html>