Hallo!
Ich habe mal wieder eine Frage zur meiner Navigation. Und zwar wenn ihr mal auf meine HP geht und auf mein menü dann hab ich dort ein hover effekt eingebaut, also die navi wird größer. Das ganz kleine problem dabei ist nur das wenn man den mauszeiger drüberfährt auch die webseite mit nach unten rutscht!
Wie bekomm ich das hin das alles normal bleibt unjd nicht nach unten geschoben wird.
<li id="active"><a href="" id="current"></a></li>
damit klappts zwar sieht dann aber bei einem link orange und sch... aus.
also thx im voraus
Code:
<style type="text/css">
#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 100%;
border-bottom: 0px solid #ddd;
}
#navlist
{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}
#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #000000;
font-size: 1.5em;
padding: 0 8px;
border-top: .0em solid #eee;
}
#navlist li a:hover,#navlist a#current
{
color: #ff0000;
border-top: none;
font-size: 2.2em;
}
#navlist a#current { color: #fc6; }
</style>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://www.imitate-pictures.de.tl/Home.htm" >Home</a></li>
...
usw. und so fort
