Neuigkeiten:

still alive...

Hauptmenü

Alternative zu align=\"absmiddle\"

Begonnen von Powie, 15. Januar 2008, 19:57:48

Vorheriges Thema - Nächstes Thema

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:


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


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

mfg Brummi /uploads/emoticons/icon_e_wink.gif.3167d127940f44558fbf1ccd9b6d60a9.gif\" alt=\";-)\">




http://www.monika-linsz.de\" rel=\"external nofollow\">Private Arbeitsvermittlung Leipzig    


und http://www.forum-arbeitsvermittler.de\" rel=\"external nofollow\">Forum für Private Arbeitsvermittler


Powie

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

all your base are belong to us / Discord