Hi!
Hier mal nur was kleines aus meiner Wühlkiste:
Code
.navirahmen {
margin: 0;
padding: 0;
height: 33px;
background: url(images/navi.gif) repeat-x;
}
.navi {
margin: 0 auto;
width: 950px;
}
.navi ul {
margin: 0;
padding: 0;
list-style: none;
}
.navi li {
margin: 0;
padding: 0;
display:inline;
}
.navi li a:link, .navi a:visited {
display: block;
height: 19px;
padding: 8px 10px 6px 10px;;
background: url(images/navi-normal.gif) right 0 no-repeat;
float: left;
color: #fff;
font-size: 12px;
}
.navi li a:hover {
background: url(images/navi-hover.gif) right 0 no-repeat;
}
Alles anzeigen
So würde ich die style.css für ein horizontales Menü aufbauen.
Der HTML-Bereich sieht dann so aus:
Code
<div class="navirahmen">
<div class="navi">
<ul><li><a href="test.html" >Über uns</a></li></ul>
<ul><li><a href="test.html" >Test</a></li></ul>
.
.
.
</div>
Ist aber wirklich nur aus meiner Wühlkiste, aber normalerweise klappt das so.
Gruß
Flo