hi,
ich habe mir ein navi gemacht und wenn man über die links schwebt bekommen sie unten und links einen rahmen, aber leider verschiebt sich das dann immer. wie kann ich das ändern?
code:
Code
<div id="navi">
<ul id="nav">
<li><a href="../index.php">Willkommen</a></li>
<li><a href="../kurs.php">Kurse</a></li>
<li><a href="../blog.php">Blog</a></li>
<li><a href="../tutorials.php">Tutorials</li>
<li><a href="../skripte.php">Skripte</a></li>
<li><a href="../gaestebuch.php">Gästebuch</a></li>
<li><a href="../impressum.php">Impressum</a></li>
</ul>
</div>
code-css:
Code
div#navi {
width: 30%;
float: left;
border: 2px solid #008b44;
text-align: left;
margin-left: 0px;
color: white;
background-color: #3a3a3a;
-moz-border-radius: 10px;
height: 740px;
}
ul#nav {
list-style: none;
margin-left: 5px;
font-family: Arial;
}
ul#nav li:hover {
border-left: 5px solid #008b44;
border-bottom: 1px solid #008b44;
color: lime;
width: 120px;
}
div#navi a {
color: white;
text-decoration: none;
}