Hallo,
ich wollte ungern für meine "kleine" Frage ein exra Thema aufmachen und hab nun ein Thema allgemein zu Menüdesign via CSS erstellt.
Meine Frage:
http://img25.imageshack.us/img25/7263/moiklovesyou30pc6.jpg
Es ist eine simple Navigation.
<ul>
<li><a href="#">Navipunkt</a></li>
<li><a href="#">Navipunkt</a></li>
<li><a href="#">Navipunkt</a></li>
<li><a href="#">Navipunkt</a></li>
</ul>
Nun - wie im obigen Screenshot zu sehen - füllt der Link <a> das Listenelement <li> nicht aus.
#navi {
list-style-type: none;
letter-spacing: 2px;
}
#navi li {
float: left;
border-right: 1px solid white;
}
#navi a {
color: white;
text-decoration: none;
padding: 5px 15px;
}
Ich habe gehofft, dass das Padding im Link die <li> gleich mit aufspannt. Dem war leider nicht so.
Kennt das Problem jemand und kann direkt helfen? Wäre super