nicht angemeldet
Hallo,
ich schreibe gerade eine horizontale Navigation. Jedoch habe ich jetzt mir unerklärliche Abstände.
<ul id='navi'>
<li><a href='home' title='Hauptseite'>Hauptseite</a></li>
<li><a href='projekt' title'Projekt'>Projekt</a></li>
</ul>
#navi{
list-style-type: none;
display: block;
background-color: #1E90FF;
border: #000000 solid 1px;
margin: 0px;
padding: 0px;
}
#navi li{
display: inline;
border-right: #000000 solid 1px;
margin: 0px;
padding: 0px 15px;
color: #ffffff;
}
#navi li:hover{
background-color: #ffffff;
color: #1E90FF;
}
#navi a, #navi a:hover, #navi a:visited, #navi a:active{
display: inline;
color: inherit;
text-decoration: none;
}
Der boder-right geht nicht bis komplett oben, also es ist ein Abstand zwischen dem Rahmen der Liste und dem Rechten Rahmen der Listenpunkte.
Außerdem ist ein ABstand links zwischen dem Linken Rahmen der Listenpunkte und dem nächsten Listenpunkt. Das sieht man bei Havoer, da ist nicht alles weiß.
Gruß Sebastian