HTML Liste an Grafik ausrichten

Registriert
Dez. 2010
Beiträge
709
Nabend,

ich habe gerade ein Problem: Ich möchte eine Liste an einer Grafik ausrichten. Die Liste soll linksgebunden mittig zur Grafik angeordnet sein. Eben genau wie hier, nur dass die Navigation ein wenig weiter unten sein sollte. vertical align:middle auf das Bild sowie auf die Liste angewendet funktioniert nicht.

MfG
 
Gib der Navigation doch ein margin-top. Da das Bild links sich denke nicht so oft ändert sollte das problemlos machbar sein.

Alternativ probiers mal so:

PHP:
<div style="display:table; vertical-align:middle">
<img src="media/logo.png" id="logo" style="display:table-cell; vertical-align:middle">
<ul id="nav" style="display:table-cell; vertical-align:middle">
...
</ul>
</div>
 
Zuletzt bearbeitet:
1.) vertical-align funktioniert nicht auf Blockelemente, sondern nur auf Tabellenzellen, Inline-Elemente und Inlineblock-Elemente. Wenn du es nicht auf die einfache Methode mit ner margin-top lösen willst, dann wirst du über display:inline-block; gehen müssen. Das wird dann aber nix in IE<8
2.) Deine Syntax ist falsch. <ul> darf als direktes Kind nur <li> haben, nichts sonst.
3.) Dein Code hat auch sonst noch ordentlich Macken. Du hast keine Zeichenkodierung festgelegt & dein Bild hat keinen alt-Parameter (der vorhanden sein muss, auch wenn er leer ist)
 
@ Suxxess:

Abartige Fetische unterstützen wir hier aber nicht ;). Warum invaliden Gammelcode generieren, der nicht einmal unbedingt von allen Browsern gleich interpretiert wird (Quirks-Modus), wenn es auch semantisch korrekt geht?
 
Zurück
Oben