Strict: Bild enthält ungewollten Space darunter.
0 0 0 
molily
Strict: Bild enthält ungewollten Space darunter.
Ich habe mir angewöhnt ausschließlich im XHTML-Strict-Modus zu arbeiten. Jetzt ist mir aufgefallen, dass alle meine Bilder etwas Space nach unten hin haben. Dies erkennt man gut an der gestrichelten Outline, wenn man das Bild im folgendem Beispiel anklickt (je nach Browser fällt dieser Space auch beim Markieren auf).
<a href="#"><img src="trans.gif" style="border:1px solid #000; height:28px; width:28px;" alt="Transparent" /></a>
Erstaunlicher Weise verschwindet der Space im Transitional-Modus.
Bin schon alle CSS-Befehle hoch und runter gegangen... konnte keinen nützlichen finden.
Habt ihr ggf. eine Idee?
Dankeschööön!
-
Erstaunlicher Weise verschwindet der Space im Transitional-Modus.
Nicht erstaunlicher Weise, sondern naturbedingt. Wenn du möchtest, daß deine Bilder in XTHML-Strict keinen Abstand aufweisen sollen, formatiere sie mit:
display:block;
Gruß,
DL-
Erstmal, danke!
Nicht erstaunlicher Weise, sondern naturbedingt.
Wieso naturbedingt?? Bzw. wie kommt es zu diesen Space??
»»formatiere sie mit:
display:block;
Der Space verschwindet zwar, aber Blockelemente bringen an dieser Stelle auch einen unangehmen Nebeneffekt und belegen die komplette Zeile.
-
-
Hallo Notschko,
Ich habe mir angewöhnt ausschließlich im XHTML-Strict-Modus zu arbeiten. Jetzt ist mir aufgefallen, dass alle meine Bilder etwas Space nach unten hin haben.
man trennt zwar eher zwischen XML-Modus und standardkonformen Modus, aber das ist ja egal ;)
Das liegt daran, dass Bilder Inlineelemente sind und diese benötigen Platz für die Unterlängen von Buchstaben (also den unteren Teil von g, y, j etc).
Bin schon alle CSS-Befehle hoch und runter gegangen... konnte keinen nützlichen finden.
Dann hast du nicht richtig gesucht, vertical-align:bottom; bzw display:block; helfen dir sicher weiter.
Lieben Gruß, Michael
-
Danke Michael,
ooops, da war ich mit meinem vorherigen Thread langsamer.
man trennt zwar eher zwischen XML-Modus und standardkonformen Modus, aber das ist ja egal ;)
Anscheinend habe ich da wohl etwas nicht ganz so verstanden.
Das liegt daran, dass Bilder Inlineelemente sind und diese benötigen Platz für die Unterlängen von Buchstaben (also den unteren Teil von g, y, j etc).
Sehr gute Beschreibung!!
vertical-align:bottom; bzw display:block; helfen dir sicher weiter.
"vertical-align" war das Zauberwort.
Danke!!
-
Hallo Notschko,
man trennt zwar eher zwischen XML-Modus und standardkonformen Modus, aber das ist ja egal ;)
Anscheinend habe ich da wohl etwas nicht ganz so verstanden.
Es stimmt schon, dass man bei der Verarbeitung von HTML in drei Modi Teilt: Standardkonform, Fast Standardkonform und Fehlermodus.
Zwischen einem HTML-Dokument das im Standardkonformen Modus verarbeitet wird und einem XML-Dokument (diese werden immer im Standardkonformen Modus verarbeitet) gibt es allerdings ein paar Unterschiede. Beispielsweise, dass document.write() nicht funktioniert oder ein XML-Parser verwendet wird.
Lieben gruß, Michael
-
Hi!
man trennt zwar eher zwischen XML-Modus und standardkonformen Modus, aber das ist ja egal ;)
Anscheinend habe ich da wohl etwas nicht ganz so verstanden.
Doch, vermutlich schon. Der Absatz Dokumenttyp-Deklaration bringt Klarheit in die Sache.
Gruß Gunther
-
-