ich wollte mein Menü grafisch etwas ändern und habe dazu eine Hintergrundgrafik eingesetzt. Der Text der einzelnen Menüpunkte wollte ich dabei mittig in der Hintergrundgrafik stehen habe. Dazu habe ich den Text jetzt in einen Span-Tag gemacht und wollte ihn mit margin bzw. padding und auto 0 ausrichten. Jedoch hat das keine Auswirkungen.
Kann mir jemand weiterhelfen oder mich auf die richtige Spur bringen? Danke.
Natürlich nicht - SPAN ist ein inline-Element, und da wirkt margin:auto nicht.
Weg mit dem unnützen SPAN - die A-Elemente selber stehen bereits auf display:block, also nur noch deren Textinhalt mittels text-align mittig ausrichten, fertig.
Und die vielen DIVs in deinen Listen sehen auch höchst überflussverdächtig aus.
Margin sollte in px sein. Hatte aber auch keine Auswirkung.
@chrisb:Danke, wieder etwas dazu gelernt. Aber wie richte ich den Text in einem a-Tag aus. Es geht mir eigentlich nur um die vertikale Ausrichtung. Entschuldiung, hatte ich vergessen zu erwähnen. Ich habe vertical-align:middle beim a-Tag und li-Tag ausprobiert, jedoch ohne den gewünschten Erfolg.
PS: Ja, es sind einige divs bei mir eingebaut. Aber das ist ein anderes Thema, um das ich mich später mal kümmere.
Wenn die Zeilenhöhe hoch genug ist, sollte bei inzeiligem Inhalt
auch vertical-align etwas ändern.
Um was zu sehen, muß man vielleicht mal testweise ein
outline/border um das Element machen und die Zeilenhöhe
auf 3em oder so setzen.
Es sollte auch was bringen, wenn in einer Zeile unterschiedliche
Schriftgrößen verwendet werden.
Anosonsten ist nicht klar, wie da was wirken soll oder was da
genau ausgerichtet werden soll, wenn die Zeilenhöhe automatisch
festgelegt wird.
Mit vertical-align wird bestenfalls innerhalb von Tabellenzellen
vertikal zur Zelle ausgerichtet, bei normalen Blockelementen
nicht.
