Positionierung von UL Liste

[manyana]

Hi erstmal,

ich komme nach etlichen Versuchen leider nicht weiter und benötige für nachfolgendes Unterstützung.

Vorab, ich beschäftige mich erst seit ein paar Tagen mit CSS :roll:

Ich habe folgende Navileiste erstellt:



und bekomme leider die Schrift nicht in den Buttons zentriert.

Mein CSS:

/*navi1*/
#navibereich li {
float: left;
list-style-type: none;
margin:0;
width:130px;
}

#navibereich {
background-image:url(../img/headerleiste.jpg);
padding: 0px 0;
margin: 0;
width: 985px;
height: 106px;
padding-left:35px;
line-height: 102px;
}

#navibereich a {
color:#fff;
text-decoration:none;
padding: 0px 0px;
}

Kann mir bitte jemand helfen, bzw. sagen was ich an dem Code ändern muss?

Vielen Dank im Voraus!

PS: Die Grafik ist nur ein Teil der Navigationsleiste

 

[vitus37]

Versuche mal dem "#navibereich li" in CSS ein "padding-top" oder ein "margin-top" oder ein "line-height" zu geben. :)

 

[manyana]

Versuche mal dem "#navibereich li" in CSS ein "padding-top" oder ein "margin-top" oder ein "line-height" zu geben. :)

:cry:

Sorry, habe mich nicht gut ausgedrückt, mit zentrieren meine ich horizontal, die Schrift soll weiter nach rechts

 

[kratzbaum]

#navibereich li
{
text-align: center;
....
}