Forum Doku Wiki Blog

Forumsarchiv 2004, März
Bild wird nicht komplett von Tabellenzelle umschlossen

archivierte Beiträge lesen

  1. (HTML) Bild wird nicht komplett von Tabellenzelle umschlossen von visomo, 23. 03. 2004, 16:05

Bild wird nicht komplett von Tabellenzelle umschlossen

Der folgende Beitrag wurde am 23. 03. 2004, 16:05 Uhr von visomo veröffentlicht.

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.

Bild wird nicht komplett von Tabellenzelle umschlossen

Der folgende Beitrag wurde am 23. 03. 2004, 16:20 Uhr von Elya veröffentlicht.

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
--
"Alle mal an die Nase fassen, und zwar an die eigene": /archiv/2003/9/57903/#m324482
_____________
elyas virtuelle Altbauwohnung: http://www.visuelya.de

Bild wird nicht komplett von Tabellenzelle umschlossen

Der folgende Beitrag wurde am 23. 03. 2004, 16:29 Uhr von visomo veröffentlicht.

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

Bild wird nicht komplett von Tabellenzelle umschlossen

Der folgende Beitrag wurde am 23. 03. 2004, 16:36 Uhr von Elya veröffentlicht.

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
--
"Alle mal an die Nase fassen, und zwar an die eigene": /archiv/2003/9/57903/#m324482
_____________
elyas virtuelle Altbauwohnung: http://www.visuelya.de

Bild wird nicht komplett von Tabellenzelle umschlossen

Der folgende Beitrag wurde am 23. 03. 2004, 17:11 Uhr von Thomas Luethi veröffentlicht.

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
--
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
Ich mag es, wenn URLs verlinkt sind (/faq/#Q-19).
Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4