um der Liste dann noch deine vorher gewählten Farben zu geben, benötigt diese noch eine ID und folgende Deklarationen:
Code
ul#nav {
list-style:none;
margin:0;
padding:0;
}
ul#nav li {
display: inline;
}
ul#nav li a {
padding:2px 4px 2px 4px;
margin:0 10px 0 0;
float:left;
width:100px;
color:#808080;
background-color:#004040;
text-align:center;
text-decoration:none;
font-size:15px;
border-top : 1px solid silver;
border-right : 1px solid black;
border-left : 1px solid silver;
border-bottom : 1px solid black;
}
ul#nav li a:hover {
padding:2px 4px 2px 4px;
margin:0 10px 0 0;
float:left;
width:100px;
color:#004040;
background-color:#808080;
text-align:center;
text-decoration:none;
font-size:15px;
border-top : 1px solid silver;
border-right : 1px solid black;
border-left : 1px solid silver;
border-bottom : 1px solid black;
}
Alles anzeigen
im HTML benötigt die Liste dann noch erwähnte ID
Code
<ul id="nav">
[*][url='home_frame.html']Home[/url]
[*][url='aboutme_frame.html']About me[/url]
[*][url='photos_frame.html']Photos[/url]
[*][url='videos_frame.html']Videos[/url]
[*][url='contact_frame.html']Contact[/url]
[/list]
Damit entfallen auch sämtliche Klassenangaben bei den einzelnen Links, da dies bereits über die (verschachtelten) Angaben im css geschehen ist.
Edit:
Zur korrekten Verarbeitung des Quelltextes freuen sich Browser immer über die Angabe der verwendeten html-Version.
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
ist wohl die gebräuchlichste derzeit. Die beiden Zeilen ganz an den Anfang jeder *.html-Datei setzen.