hi leute
ich habe mir ein navigationsmenu zusammengebastelt und nun sieht das ganz toll aus aber das slidedownmenu also die links die runterfahren sind nicht gerade nach unten sondern sind verschoben...also leicht nach hinten/links... nun will ich das es schön gerade ist und nicht versetzt.. was ist an meinem css code falsch?
htmlcode:
html head usw nicht beachten... ehm dann noch den css code:
danke für die Antworten
lg cedi44
ich habe mir ein navigationsmenu zusammengebastelt und nun sieht das ganz toll aus aber das slidedownmenu also die links die runterfahren sind nicht gerade nach unten sondern sind verschoben...also leicht nach hinten/links... nun will ich das es schön gerade ist und nicht versetzt.. was ist an meinem css code falsch?
htmlcode:
Code:
<nav>
<ul>
<li><a href="Home.html" style="color: #FFF;">Home</a></li>
<li><a href="About me.html" style="color: #FFF;">About Me</a>
<ul>
<li><a href="My Person.html" style="color: #CCC;">My Person</a></li>
<li><a href="Sport - Unihockey.html" style="color: #CCC;">Sport - Unihockey</a></li>
</ul>
</li>
<li><a href="SBWNMAG.html" style="color: #FFF;">SBWNMAG</a>
<ul>
<li><a href="Beruf.html" style="color: #CCC;">Beruf</a></li>
<li><a href="Job.html" style="color: #CCC;">Job</a></li>
</ul>
</li>
<li> <a href="Gallery.html" style="color: #FFF;">Gallery</a>
<ul>
<li><a href="Holidays (Gallery).html" style="color: #CCC;">Holidays</a></li>
<li><a href="Me(Gallery).html" style="color: #CCC;">Me</a></li>
<li><a href="Sport(Gallery).html" style="color: #CCC;">Sport - Floorball</a></li>
</ul>
</li>
<li> <a href="Skills.html" style="color: #FFF;">Skills</a>
<ul>
<li><a href="Fähigkeiten.html" style="color: #CCC;">My Knowledge</a></li>
<li><a href="Works.html" style="color: #CCC;">My Works</a></li>
</ul>
</li>
<li><a href="Contact.html" style="color: #FFF;">Contact</a></li>
</ul>
</nav>
html head usw nicht beachten... ehm dann noch den css code:
Code:
<style>
nav li {
float:left;
list-style-type:none;
width:150px;
}
li a {
color:black;
text-decoration:none;
margin-left:30px;
float:left
}
li a:hover{
color: orange;
}
ul {
list-style:none;
}
ul li ul {
display:none;
margin-left:-40px;
}
ul li:hover>ul{
display:block;
}
</style>
danke für die Antworten
lg cedi44