Ich möchte ein Horizontales Menü verwirklichen. Dabei soll der Home Button, also der erste in der Zeile aber eine andere Farbe haben. Ich wollte das mit <span> verwirklichen, aber ich bekomme es einfach nicht hin. Kann mir jemand sagen, wo ich da etwas falsch mache?
Christian
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>menu</title>
<style type="text/css">
#menu_horizontal
{
width:100%;
border-bottom:1px solid #666;
overflow:hidden;
}
#menu_horizontal ul
{
margin:0;
padding:0;
list-style:none;
}
#menu_horizontal li
{
display:inline;
margin:0;
padding:0;
}
#menu_horizontal a
{
color:#FFF;
padding:2px 10px 3px 10px;
margin:0 3px 0 0;
float:left;
text-decoration:none;
background:#800000;
}
#menu_horizontal a:hover
{
background:#008000;
}
#menu_horizontal span
{
background:#000080;
}
</style>
</head>
<body>
<div id="menu_horizontal">
<ul>
<li><span><a href="#">Home</a></span></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
</ul>
</div>
</body>
</html>