nicht angemeldet
Hallo Zusammen,
ich hab eine Frage deren Erklärung mir nicht ersichtlich ist.
Ich hab einen div Container definiert der ein Navigationsmenu darstellt. Wenn ich diesen Container im Css File mit "absolute" positioniere wird nur die Schrift verändert, nicht aber wie angegeben auch noch der Border-bottom eingeblendet. Positioniere ich das Element allerdings mit "relative" funktioniert alles einwandfrei.
Auszug CSS:
#navtop
{
position:absolute;
top:180px;
left:10px;
}
#navtop li
{
display:inline;
padding:7px;
margin:4px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
}
#navtop .nav a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
#navtop .nav a:hover,
#navtop .nav a:active
{
border-bottom:thin #999933 solid;
font-weight:bold;
}
Auszug HTML:
<body>
<div id="navtop">
<ul class="nav">
<li id="nav1"><a href="" target="_self">1</a></li>
<li id="nav2"><a href="" target="_self">2</a></li>
<li id="nav3"><a href="" target="_self">3</a></li>
<li id="nav4"><a href="" target="_self">4</a></li>
</ul>
</div>
</body>
Gruß
Ben