In Listeneintrag: Text zu Bild vertikal zentrieren

[Drahnoel]

Hallo,
ich habe ein kleines Problem:

So sieht die Liste momentan aus!

Wie man sieht habe ich eine Liste angelegt, in deren Listenpunkten sich jeweils ein Bild und rechts daneben Text befindet. Der Text ist jedoch vertikal nach oben ausgerichtet. Ich möchte aber, dass er vertikal zentriert ist. Siehe hier:

So soll sie aussehen!

Wie kann Ich das erreichen? Ich komme da mit meinem Wissen nicht weiter.

Vielen Dank,
Drahnoel

[Dominik]

Hallo,

ich kenne mich mit css auch nicht besonders gut aus, hatte aber mal ein ähnliches Problem.

Wenn die Größe des Bildes bekannt ist, ist folgende "unschöne" Lösung möglich:
<span style="position: relative; top:-1em;">Text</span>
An Stelle der -1em muss man durch ausprobieren einen Wert finden, bei dem es gut aussieht.

Falls du das Bild als Bullet-Grafik in deiner Liste verwenden willst, kannst du <ul style="list-style-image:url(Pfad zum Bild);"> verwenden. Genau erklärt ist das unter http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_image@title=Bullet-Grafik.

Hoffe das hilft dir weiter.
Viele Grüße
Dominik

[Wind und Wetter]

Hallo,

ich kenne mich mit css auch nicht besonders gut aus, hatte aber mal ein ähnliches Problem.

Ich auch nicht.
Hab gerade auch etwas ähnliches über "vertical-align: 35px;" gelöst, wobei ich auch den Wert ausprobiert hatte.

[Detlef G.]

Hallo Drahnoel

Wie kann Ich das erreichen? Ich komme da mit meinem Wissen nicht weiter.

Schau dir mal Grafiken ausrichten mit CSS an.

Auf Wiederlesen
Detlef