[CSS, HTML] Menü - Problem

.Dave' · 09/06/2013, 16:14

Hallo,

folgender Code:

Das ganze sieht so aus:

Möchte aber die Menüpunkte nebeneinander in ein und der selben Leiste.
Fehler ist klar: Der Hintergrund ist ja pro Menüpunkt angelegt, aber wie ändere ich das am besten?

Bin relativ neu in html,css etc.

Möchte im ein Dropdown Menü erstellen...

Danke im voraus!

kissein · 09/06/2013, 16:33

Zeig den Inhalt der style.css, dort ist die fehlerhafte Definition der Menüpunkte.

.Dave' · 09/06/2013, 16:46

Quote:

Originally Posted by kissein

Zeig den Inhalt der style.css, dort ist die fehlerhafte Definition der Menüpunkte.

Spoiler

So sieht es von oben genannten Bild aus.

Aktuell habe ich probiert, das Bild als header einzufügen und den einfach drauf zu legen.

Sieht so aus:

Aber ich bezweifle, dass es überhaupt funktioniert, da sich ja dann noch ein Dropdown öffnen soll.

Hab dich mal bei Skype geaddet

.StarSplash · 09/06/2013, 16:51

Code:

body{
	margin: 0px auto;
	padding: 0px auto;
	background-color: #f0f0f0
}


nav ul li{ <- Für jedes Element <li> gilt also folgender Stil
width: 960px; <- Es ist 960px breit
height: 35px;
float: left;
background: url("img/menue.png") no-repeat; <- Es hat diesen Hintergrund
list-style: none;
}

nav ul li a{
color: #eeeeee;
padding: 10px;
display: block;
text-decoration: none;
}

Dein Problem lässt sich beheben, wenn du den Hintergrund und die Breite nicht für die <li> Elemente sondern für das umklammernde <ul> Element festlegst.

Code:

body{
	margin: 0px auto;
	padding: 0px auto;
	background-color: #f0f0f0
}

nav ul{
width: 960px;
background: url("img/menue.png") no-repeat;
}

nav ul li{
height: 35px;
float: left;
list-style: none;
}

nav ul li a{
color: #eeeeee;
padding: 10px;
display: block;
text-decoration: none;
}

.Dave' · 09/06/2013, 17:00

Quote:

Originally Posted by .StarSplash

Dein Problem lässt sich beheben, wenn du den Hintergrund und die Breite nicht für die <li> Elemente sondern für das umklammernde <ul> Element festlegst.

Top, danke!
Wusste nur nicht wie ich das im Code umsetzen sollte! ;-)

Bei weiteren Problemen mit dem Menü werde ich mich hier nochmals melden

xxfabbelxx · 09/08/2013, 18:55

moved