Alternative zu align=\"absmiddle\"

[Powie]

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.

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

Schon mal mit

style=\"vertical-align: middle;\"

probiert?

[Powie]

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

worum geht es denn konkret?

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]

Das ist der Effekt den ich meine: http://test.powie.de/html/align.html\" rel=\"external nofollow\">http://test.powie.de/html/align.html

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

[brummi59]

Original von Powie Das ist der Effekt den ich meine:
[/quote]
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. \"
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftest.powie.de%2Fhtml%2Falign.html\" rel=\"external nofollow\">Validator

[Powie]

das ist mir klar, daher suche ich ja nach der besten Alternative /uploads/emoticons/icon_e_smile.gif.4a0acefcb917340d2c82e5239c009e6e.gif\" alt=\":)\" />