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:
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:
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.