<html>
<head>
<title>Navigation #1</title>
<style>
.menu {
width:150px; /* Breite des Menüs! */
}
.menu a { /* Link ohne Over */
font-family:verdana; /* Schriftart: Verdana */
font-size:11px; /* Schriftgröße: 11px */
color:#00CC33; /* Schriftfarbe */
text-decoration:none; /* Bei Links muss man immer text-decoration:none schreiben sonst wird das unterstrichen */
width:150px; /* Breite des Links */
display:block; /* Wird falsch angezeigt sonst bei Firefox */
padding-left:10px; /* Abstand nach Links */
}
.menu a:hover { /* Link Over */
color:#ffffff; /* Schriftfarbe */
text-decoration:none; /* Bei Links muss man immer text-decoration:none schreiben sonst wird das unterstrichen */
background-color:#00CC33; /* Hintergrundfarbe */
width:150px; /* Breite des Links */
border-left:8px solid #FFCC99; /* Linker Rand, der erscheint dann links. hier 8px breit und die Farbe #FFCC99 */
padding-left:2px; /* Abstand Links */
}
</style>
</head>
<body>
<div class="menu"><!--Hier beginnt das Menü-->
<a href=#>Link Here</a><!--Ein Link -->
<a href=#>Link Here</a>
<a href=#>Link Here</a>
<a href=#>Link Here</a>
<a href=#>Link Here</a>
</div><!--Hier endet es-->
</body>
</html>
