Also gut, ich versuch in einem neuen Anlauf,
ich glaube aber das ich auf dem Holzweg bin:
#menu_horizontal a
{
color:#FFF;
padding:2px 10px 3px 10px;
margin:0 3px 0 0;
float:left;
text-decoration:none;
background:#800000;
}
#menu_horizontal:first-cild a
{
background:#000800;
}
Kann ich nicht einfach eine Klasse (.class) machen und den einen LINK, irgendwie seperat formieren)
<li><a class="seperat" href="#">Home</a></li>
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:first-cild a
{
background:#000800;
}
#menu_horizontal a:hover
{
background:#008000;
}
</style>
</head>
<body>
<div id="menu_horizontal">
<ul>
<li><a href="#">Home</a></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>