Alternative zu align="absmiddle"

[Powie 1]

Welche Alternative habe ich gegenüber der alten align="absmiddle" Variante um ein Bild nach dem Prinzip vertical-align:middle gegenüber Text auszurichten. Letzteres funktioniert bei mir nur mit reinem Text, das Bild wird dann an der Basislinie ausgerichtet und das sieht *s4s3wssr* aus.

[Guest]

Hast Du das auch mal auf das Elternelement des Bildes angewendet?

[Guest]

Schon mal mit

style="vertical-align: middle;"

probiert?

[Powie 1]

jepp, hab das sowohl auf das Bild selbst, als auch auf den Div in dem das Bild sich befindet probiert.... :gaga:

[Guest]

worum geht es denn konkret?

[Guest]

Ich habe gerade mal ein wenig gespielt. So ganz komme ich aber mit Zeilenumbrüchen nicht klar. Unteres funzt übrigens beim M$IE:

 

   test

* {padding: 0; margin: 0;}
h1,p {
margin: 0.5em;
}
p.bild img, span {
vertical-align: middle;
display: inline-block;  /* funzt im IE */
}
p.bild span {
padding-left: 5px;
}





 Variante 1


		Das ist ein Text


 Variante 2

		Das ist auch ein Text
12
34
56

[Powie 1]

Das ist der Effekt den ich meine: http://test.powie.de/html/align.html

[Guest]

jepp, aber das bekommst Du mit meinem Code ^^ hin.

[brummi59 0]

Original von Powie

Das ist der Effekt den ich meine:

Hallo Powie

Das Problem liegt an deiner Doctype

XHTML 1.0 Strict erlaubt kein align="absmiddle"

"the document type you are using does not support that attribute for this element. "

Validator

[Powie 1]

das ist mir klar, daher suche ich ja nach der besten Alternative