Bild wird nicht komplett von Tabellenzelle umschlossen
visomo
- html
0 Elya0 visomo0 Elya0 Thomas Luethi
Hallo,
Ich habe das Problem, dass in meiner Tabelle die Grafiken nicht ganz umschlossen werden. Zu sehen auf der URL http://visomo.ath.cx/table_test.php , der code ist wie folgt:
<html>
<head>
</head>
<body bgcolor="#FFEEDD">
<table bgcolor="#FF0077" width="100%" cellpadding="0" cellspacing="0" class=nav1Zeile>
<tr valign=bottom>
<td align=center nowrap>
<img width=20 height=40 border=0 src="/images/round_left_of_logo.png">
<img width=40 height=40 border=0 src="/images/logo_48.png">
<img width=20 height=40 border=0 src="/images/round_right_of_logo.png">
</td>
</tr>
</table>
</body>
</html>
Im Opera ist es wunderbar, aber bei Firefox 0.8 und IE 6.0 ist es unschoen.
Hallo visomo,
Ich habe das Problem, dass in meiner Tabelle die Grafiken nicht ganz umschlossen werden.
<td align=center nowrap>
<img width=20 height=40 border=0 src="/images/round_left_of_logo.png">
<img width=40 height=40 border=0 src="/images/logo_48.png">
<img width=20 height=40 border=0 src="/images/round_right_of_logo.png">
</td>
nimm einfach die Umbrüche im html-Code raus, die werden manchmal als Leerzeichen interpretiert.
also:
<td align=center nowrap><img width=20 height=40 border=0 src="/images/round_left_of_logo.png"><img width=40 height=40 border=0 src="/images/logo_48.png"><img width=20 height=40 border=0 src="/images/round_right_of_logo.png"></td>
Und nicht vergessen: <img alt="beschreibung"> ist Pflicht!
Zu sehen auf der URL http://visomo.ath.cx/table_test.php
anklickbare Links: </faq/#Q-19>
Viel Erfolg!
Gruß aus Köln-Ehrenfeld,
Elya
Hallo Elya,
nimm einfach die Umbrüche im html-Code raus, die werden manchmal als Leerzeichen interpretiert.
Danke, das hat geholfen.
Und nicht vergessen: <img alt="beschreibung"> ist Pflicht!
Auch bei solchen Lueckenfuellern?
Gruss
Visomo
Hallo visomo,
Und nicht vergessen: <img alt="beschreibung"> ist Pflicht!
Auch bei solchen Lueckenfuellern?
Wenn du dein Dokument valide haben willst, ja. Du kannst aber alt="" notieren. Und wenn du verhindern willst, daß der IE ein gefülltes alt-Attribut als Tooltipp anzeigt, notiere zusätzlich title="".
Gruß aus Köln-Ehrenfeld,
Elya
Hallo,
Und nicht vergessen: <img alt="beschreibung"> ist Pflicht!
Auch bei solchen Lueckenfuellern?
Ja. Immer. Steht auch in der HTML-Specification.
Bei reinen Deko-Bildern ohne Information schreibt man <img src="..." alt="">
Lies unbedingt mal:
http://www.bjoernsworld.de/html/alt-text.html
Manchmal reicht es nicht, die Leerzeichen u.s.w. im HTML-Code
zu entfernen, sondern man muss auch noch
td img { display:block; }
oder
td img { vertical-align:bottom; }
anwenden, damit Mozilla keinen Raum zwischen
den Bildern und den Tabellenzellen laesst.
Siehe auch:
http://www.tiptom.ch/homepage/faq.html?q=tdimg
http://www.dodabo.de/html+css/img-table/
Gruesse,
Thomas