HTML Liste an Grafik ausrichten

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:

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)

Ich stehe auf quick & dirty... . <br> rein und fertig...

<img src="media/logo.png" id="logo">
<br>
<li id="ersterUeberpunkt"><a href="#" class="ueberpunktlink">Neuigkeiten</a>

Zum Vergrößern anklicken....

@ 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?

Suxxess schrieb:

Ich stehe auf quick & dirty... . <br> rein und fertig...

Zum Vergrößern anklicken....

Toll, trotzdem ist der Code FALSCH!
Entweder man schreibts valide oder gar nicht