FreakySlimeHD
Neues Mitglied
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:
CSS:
Mit Freundlichen Grüßen,
FreakySlimeHD. :)
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:
<html>
<head>
<title>Startseite</title>
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="nav">
<ul>
<li>Startseite</li>
<li>Minecraft
<ul>
<li>Statuscheck</li>
<li>Verfügbarkeit</li>
<li>Bestellen</li>
</ul>
</li>
<li>Musik Bots
<ul>
<li>Verfügbarkeit</li>
<li>Bestellen</li>
</ul>
</li>
<li>Kontakt</li>
<li>Server Status</li>
<li>Kundenlogin</li>
</ul>
</div>
<footer>
</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;
}Mit Freundlichen Grüßen,
FreakySlimeHD. :)
Gern geschehen :)