nicht angemeldet
Mozilla macht vertikalen Abstand zwischen Bildern
Hallo Ihr,
Ich habe mir gerade mal Mozilla installiert und bin eingendlich ganz zufrieden. Manches geht wirklich ganz schnell. Nun hab ich mir mal ein Paar meiner Seiten angekuckt und überall das gleiche Problem. Zwischen Bildern die einfach untereinander aufeinanderfolgen gibt es ein Abstand von ein Paar Pixeln. Das sieht natürlich doof aus. Bei allen möglichen anderen Browsern habe ich das noch nie gesehen.
Hier ein Beispiel Quelltext:
<a href="WirUeberUns.html"><img name="Wir" src="Wir.gif" border="0" width="150" height="40" alt="Wir über uns"></a><br>
<a href="MagnetEnergie.html"><img name="Magnet" src="Magnet.gif" border="0" width="150" height="40" alt="Magnetenergie"></a><br>
<a href="FernInfrarot.html"><img name="Infrarot" src="Ferninfrarot.gif" border="0" width="150" height="40" alt="Ferninfrarot"></a><br>
und so weiter...
Wenn ich die <br> s am Zeilenende wegnehme, habe ich den gleichen Abstand auch in allen anderen Browsern. Habt ihre eine Ahnung was ich tun kann?
mfg Valentin
-
hi, versuch doch mal die links mit bildern in eine tabelle zu packen:
<table cellpadding="0" cellspacing="0">
<tr><td>link1...</td></tr>
<tr><td>link2...</td></tr>
...
</table>jeden link halt in eine eigene zeile, wichtig ist das spacing und padding auf 0... versuchs mal
-
Ja ich weis, dass das funktioniert, aber ich kann doch nicht immer jedes Bild zur Anordung in eingene Tabellenzellen packen (also kann ich schon, aber will ich nur ungern). Tabellen wurden doch nicht fürs Layout konzipiert und als Browser der sich besonders an Normen halten will, gibt es doch da bestimmt auch eine bessere Methode. Woher resultiert den der Absand.
mfg Valentin
-
Ja ich weis, dass das funktioniert, aber ich kann doch nicht immer jedes Bild zur Anordung in eingene Tabellenzellen packen (also kann ich schon, aber will ich nur ungern). Tabellen wurden doch nicht fürs Layout konzipiert und als Browser der sich besonders an Normen halten will, gibt es doch da bestimmt auch eine bessere Methode. Woher resultiert den der Absand.
mfg Valentin
Check mal, ob Deine HTML-Dateien so beginnen:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>oder nur
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>Ändere es auf obiges, udn ich gebe fast eien Garantie drauf, dass es funzt.. ich hatte dasselbe Prob mit Netscape6, und Mozilla (Gecko Engine eben)
Genauere Infos darüber findest Du in SelfHTML selber, es ist das Transitional, dass die W3C-Fehler von früher "erlaubt" *g*
Geh mal danach suchen, weiss jetzt nicht mehr die URLGruss,
BFK-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Ändere es auf obiges, udn ich gebe fast eien Garantie drauf, dass es funzt.. ich hatte dasselbe Prob mit Netscape6, und Mozilla (Gecko Engine eben)
Nee, verbessert leider auch nichts, denn ich nehme schon immer die richtigen doctype Angaben.
-
Nee, verbessert leider auch nichts, denn ich nehme schon immer die richtigen doctype Angaben.
Ahh. Es geht doch. Ich habe nähmlich in meiner Seite
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
die Doctype mit Adresse angegeben. Das führt zu den Abständen. Wenn ich nur <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> verwende funktioniert alles super. Der Link http://devedge.netscape.com/viewsource/2002/img-table/ von herbalizer ist dazu sehr interresant.mfg Valentin
-
-
-
-
-
Moin!
Diese Abstände liegen daran das Mozilla als erster Browser Images richtig behandelt und als Inlinelement auf der Baseline einer Zeile anordnet. Siehe
http://devedge.netscape.com/viewsource/2002/img-table/ im Abschnitt "How Inline Content is Constructed". Mit <img .. style="vertical-align:bottom" /> sollte das gelöst sein.Gruß Herbalizer