Hallo,
wie schon oben erwähnt geht es um eine horizontale Liste.
In dieser Liste befindet sich die Navigaton der Seite.
Hab stundenlang ach ner Lösung gesucht, aber alle Vorschläge haben nicht
funktioniert.
Hier mal das html:
Und hier das CSS:
Wie man sehen kann sind einige Links umgebrochen.
Ich habe schon vieles versucht, aber es nicht hinbekommen, das die
einzeiligen Links vertikal zentriert sind. Von mir aus auch bottom.
Kann mir bitte jemand sagen wie ich dashinbekomme?
wie schon oben erwähnt geht es um eine horizontale Liste.
In dieser Liste befindet sich die Navigaton der Seite.
Hab stundenlang ach ner Lösung gesucht, aber alle Vorschläge haben nicht
funktioniert.

Hier mal das html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="mitte"> <div id="leiste" style="display: block;"> <ul id="punkte"> <li id="anfang"> </li> <li class="eintrag"><a href="/index.php?site=2&sub=1">Betonbau</a></li> <li class="space"></li> <li class="eintrag"><a href="/index.php?site=2&sub=2">Montage von Fertigelementen</a></li> <li class="space"></li> <li class="eintrag"><a href="/index.php?site=2&sub=3">Mauerwerksbau</a></li> <li class="space"></li> <li class="eintrag"><a href="/index.php?site=2&sub=4">Tief- und Kanalbau</a></li> <li class="space"></li> <li class="eintrag"><a href="/index.php?site=2&sub=5">Putzarbeiten</a></li> <li class="space"></li> <li class="eintrag"><a href="/index.php?site=2&sub=6">Außenanlagen</a></li> <li id="ende"> </li> </ul> </div> </div> </body> </html>
Code:
body { background-color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334; } a{ text-decoration:none; color:#000; } div#leiste{ position:absolute; width:795px; height:45px; display:none; padding:0; margin:0; } ul#punkte{ width:655px; height:43px; padding:0; margin:0 auto; } ul#punkte li{ list-style-type: none; float:left; text-align:center; font:menu; } li#anfang{ width:10px; height:42px; background-image: url('../pics/bg_leiste_links.gif'); background-repeat: no-repeat; } li.eintrag{ height:42px; background-image: url('../pics/bg_leiste.gif'); background-repeat: repeat-x; width:100px; } li.eintrag a{ display:block; height:38px; padding:0; margin:0; vertical-align:middle; } li.space{ height:42px; background-image: url('../pics/leiste_space.gif'); background-repeat: no-repeat; width:1px; margin:0; padding:0; } li#ende{ width:10px; height:42px; background-image: url('../pics/bg_leiste_rechts.gif'); background-repeat: no-repeat; }
Ich habe schon vieles versucht, aber es nicht hinbekommen, das die
einzeiligen Links vertikal zentriert sind. Von mir aus auch bottom.

Kann mir bitte jemand sagen wie ich dashinbekomme?
Kommentar