Text von Navileiste etwas nach rechts verscheiben

[MrMurphy]

Hallo,

ich habe mir eine Navileiste mit Hintergrundbild erstellt. Der Text wird in einer ungeordneten Liste ul zentriert untereinander dargestellt.

Durch das Hintergrundbild wäre es schön, wenn der Text aller Buttons etwas nach rechts verschoben werden könnte, so das z. B. bei den Dienstleistungen der Abstand vom Hintergrundbild der Pfote und vom rechten Rand gleich wäre. Ist das mit CSS möglich? Und wenn ja natürlich - wie?

Die Seite habe ich mal hier bereitgestellt:

NaviTest

Gruss

MrMurphy

 

[Carragos]

wie wärs denn mit

text-align: right; ???

einfach bei dein CSS File


#navigation {
position: absolute;
left:36px;
top: 10px;
width:180px;
z-index:3;
font-size: 90%;
text-align: right;
}

 

[MrMurphy]

Hallo,

das ändert leider überhaupt nichts.

Gruss

MrMurphy

 

[neuroleptika]

Entferne aus #Navigationsleiste li text-align: center;
Den Abstand nach links regelst du dann mit padding-left für #Navigationsleiste li a (in px).

 

[MrMurphy]

Hallo,

danke, das war's.

Die Zentrierung des Textes sollte bleiben, deshalb habe ich auf die Entfernung von "text-align: center;" verzichtet.

Aber das "padding-left für #Navigationsleiste li a" ist genau die Angabe, die ich benötige. Damit wird der gesamte zentrierte Block gleichmäßig nach rechts verschoben.

Gruss

MrMurphy