<ul> und die Position des Bullet, am Ende mit Latein

[Robert R.]

Liebe Mitdenker, liebe Wissende, liebe Neugierige,

ja!

aber vertical-align geht ja nur für Tabellen

Nein. Geht auch für Bilder.

Was heißt das? Auf welches Element muss ich denn dann das vertical-align anwenden?

Auf das inline-Element, was du an den Zeilen des Block-Elementes ausrichten möchtest. Du verschiebst also nicht das Bullet sondern das Bild.

Ich habe jetzt mal vorsichtig eingefügt:

	#vertnavi ul img {
		vertical-align: middle;
		border: none;
		margin-top: 3px;
		margin-bottom: 3px;
	}

Das "margin" wirkt sich dabei nun direkt auf das Bild aus und deshalb fallen die beiden (top, bottom) nicht zusammen. Müsste ich also die Margin-Deklaration besser für das <li> machen? Die <li> sollen ja nur einen sichtbaren Abstand halten.

Und weil ich ja dann auch nie genug bekomme, würde ich dieselbe Wirkung gerne für Textzeilen haben, die aufgrund ihrer Länge automatisch umgebrochen wurden. Also, dass das Bullet nit vor der ersten Zeile steht, sondern eben auch mittig.

Nun bin ich aber mit meinem CSS-Latein am Ende!

Spirituelle Grüße Euer Robert