[CSS, HTML] Menü - Problem

09/06/2013 16:14 .Dave'#1
Hallo,

folgender Code:

Das ganze sieht so aus:
[Only registered and activated users can see links. Click Here To Register...]

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! ;)
09/06/2013 16:33 kissein#2
Zeig den Inhalt der style.css, dort ist die fehlerhafte Definition der Menüpunkte.
09/06/2013 16:46 .Dave'#3
Quote:
Originally Posted by kissein View Post
Zeig den Inhalt der style.css, dort ist die fehlerhafte Definition der Menüpunkte.

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:
[Only registered and activated users can see links. Click Here To Register...]

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

Hab dich mal bei Skype geaddet
09/06/2013 16:51 .StarSplash#4
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;
}
09/06/2013 17:00 .Dave'#5
Quote:
Originally Posted by .StarSplash View Post

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
09/08/2013 18:55 xxfabbelxx#6
moved