visomo: Bild wird nicht komplett von Tabellenzelle umschlossen

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.

  1. 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
    1. 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

      1. 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
      2. 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/