|
|||
Leidiges Thema: Text vertikal zentrieren?
Hallo,
Ich hab als Überschrifte für Menupunkte so ne Klasse: Code:
.menudivisor { font-family: "Myriad Pro"; font-size: 14px; width: 168px; background-image: url(/cakePHP/img/new/menudivisor.gif); height: 24px; display: Block; text-align: center; color: #000000; } [HTML] <a href="javascript:void(0);" onClick="javascript:togglemenu('menu1');" class="menudivisor">Categories</a> <div id="menu1" style="display:Block"> <!-- Menüelemente --> </div> [/HTML> Das Problem ist, dass der Text in dieser Menüüberschrift nicht vertikal zentriert wird. Die Eigenschaft vertical-align: middle funktioniert nicht. Ich hab einiges gegooglet danach und das Problem mehrmals gefunden. Irgendwie wurde das dann aber immer ziemlich komisch gelöst. Ich bin Anfänger in CSS und hab die Lösungen nicht verstanden. Wie macht ihr sowas? Und gibt es da nicht einfach eine genauso einfache Eigenschaft wie text-align?! danke. |
Sponsored Links |
|
|||
Du kannst die line-height Eigenschaft verwenden, um Text in einem einzelnen Container, wie z.B. <hx></hx> vertikal mittig erscheinen zu lassen. Line-height sollte in diesem Fall der Höhe des Elternelements entsprechen.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Auf-/Zuklappen mit JS | crimi | Javascript & Ajax | 7 | 23.09.2008 17:27 |
Float hängt sich durch's padding durch. | nick | CSS | 3 | 16.01.2008 20:24 |
Internet Explorer verschluckt Grafik | Webentwickler Eric | CSS | 4 | 06.07.2007 15:53 |
Problem: Überschrift <hx> innerhalb von Abschnitt <p> | Ares | CSS | 7 | 24.10.2006 14:30 |
Scrollbares Textfeld mit purem CSS | Dancer | CSS | 6 | 24.01.2005 16:58 |