[CSS] Problem beim Anzeigen von Buttons

**Chrissi91**

Hi,

ich hatte in

diesem Thread Verbesserungsvorschläge für meine

Homepage bekommen.

Ein Thema ist sehr oft gefallen, und zwar der Header (Links). Bei jedem sind sie anders, und z.T. geht der Link "Impressum" in die nächste Zeile.

Diese Buttons oben habe ich ausschließlich mit CSS gecodet.

CSS Code:

markieren

Code:

			#header{width:760px; margin-left:auto; margin-right:auto;}

#header ul{margin:0px; padding-left:0px; height:35px; line-height:44px;}

#header li{display:inline; background-color:#222222; float:left;}

#header li a{height:35px; line-height:35px; display:block; padding-left:30px; padding-right:30px; border-left:1px solid #000000; float:left;}

#header li a:hover{background-color:#444444; color:#FFFFFF; text-decoration:none;}

#header .logo{height:130px; background-image:url(images/logo.jpg); background-repeat:no-repeat; background-color:#4492C8; border-top:3px solid black;}

HTML-Code zum Einfügen:

markieren

Code:

			<div id="header">

  <ul>[*][url="index.php"]Home[/url][*][url="downloads.php"]Downloads[/url][*][url="referenzen.php"]Referenzen[/url][*][url="agb.php"]AGB[/url][*][url="links.php"]Links[/url][*][url="kontakt.php"]Kontakt[/url][*][url="impressum.php"]Impressum[/url][/list]

Nun muss ich sagen, dass ich kein Ass in Sachen CSS bin und ich mir dachte, bei 760 Pixeln Längenvorgabe und bei der Aufteilung in 8 Buttons kann ja nichts passieren. Das sieht bei jedem gleich aus.

Aber denkste.

Hat jemand eine Idee, woran es liegt bzw. wie ich es löse.

Screens für verschiedene Ergebnisse liegen im oben genannten Thread.

[CSS] Problem beim Anzeigen von Buttons

[CSS] Problem beim Anzeigen von Buttons

Forumregeln