nicht angemeldet
hover Effekt wird bei Positionierung absolute nicht angezeigt
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
-
Sup!
Vielleicht würde sich das Antwortaufkommen erhöhen, wenn Du eine Demo-Seite online stellen würdest...
Gruesse,
Bio
--
Never give up, never surrender!!! -
Hi Ben,
[...]
Auszug CSS:
Auszug HTML:[...]
Hab das mal in eine Datei kopiert und kann deinen beschriebenen Effekt nicht nachvollziehen. Beim hover kommt der border-bottom wie angegeben.
Ich verwende hier einen IE6.0.ciao
romy
