Heii, ich habe schon einmal bereits ein Thema zu meinem Drop Down Menu erstellt. Nun muss ich das schon wieder
Ich habe alles versucht, alles gegoogelt aber nichts konnte mein Problem lösen. Undzwar, mein Dropdown Menü hängt links, es soll aber in die Mitte
Könntet ihr euch das bitte noch einmal ansehen?
HTML:
[HTML]
Startseite
- Startseite
- Minecraft
- Statuscheck
- Verfügbarkeit
- Bestellen
- Musik Bots
- Verfügbarkeit
- Bestellen
- Kontakt
- Server Status
- Kundenlogin
</footer>
</body>
[/HTML]
CSS:
[CODE]body {
background-image:url(„…/images/background.jpg“);
font-family:Melvetica, sens-serif;
}
- html body {
text-align:center;
}
.nav {
position:absolute;
top:0;
left:auto;
right:auto;
}
.nav ul {
margin:0;
padding:0;
float:left;
height:38px;
box-shadow:0px 0px 32px 0px #lll;
border-radius:10px:
}
.nav ul li {
list-style:none;
float:left;
background:#222;
padding:10px;
width:85px;
text-align:center;
transition:all 500ms;
color:#999;
border-right:1px solid #444;
position:relative;
border:none;
}
.nav ul li:first-child {
border-radius:10px 0 0 10px;
}
.nav ul li:last-child {
border-radius:0 10px 10px 0;
border:none;
}
.nav ul li:hover {
background:#09C;
color:#FFF;
}
.nav ul li:hover ul {
height:auto;
opacity:1;
}
.nav ul li ul {
height:0;
overflow:hidden;
opacity:1;
position:absolute;
left:0;
padding-top:15px;
}
.nav ul li ul li {
width:130px;
}
.nav ul li ul li:first-child {
border-radius:10px 10px 0 0;
border:none;
}
.nav ul li ul li:last-child {
border-radius:0 0 10px 10px;
border:none;
}[/CODE]
Mit Freundlichen Grüßen,
FreakySlimeHD.