Bild in einer Tabelle: FF macht unter dem Bild einen Freiraum

Status
Nicht offen für weitere Antworten.

Grille

Erfahrenes Mitglied
Hallo ...

Ich will in einer Tabelle Felder nur mit Text oder nur mit einem Bild füllen. Die Tabelle soll immer eine Zeilenhöhe von 14px haben. im IE wird es richtig gezeigt ... im FF ist unter dem Bild immer eine 3 bis 4 Pixel breite Lücke.

Wie kann ich FF und IE dazu bringen die Tabelle gleich zu interpretieren? Wie verschwindet die Lücke und warum ist sie da?

Guß, Grille.

PHP:
<table width='625' border='1' cellpadding='0' cellspacing='0'>
 <tr>
  <td width='14' height='14'><img src="images/template/leer.png" border=0 width='14' height='14'></td>
  <td width='14' height='14'><img src="images/template/leer.png" border=0 width='14' height='14'></td>
  <td height='14'><p class='maintable_tablecontent'>Name oder Bezeichnung</p></td>
  <td height='14'><p class='maintable_tablecontent'>PLZ</p></td>
  <td height='14'><p class='maintable_tablecontent'>Ort</p></td>
  <td height='14'><p class='maintable_tablecontent'>Beschreibung</p></td>
  <td width='29' height='14'><p class='maintable_tablecontent'>DGS</p></td>
 </tr>
 <tr>
  <td width='14' height='14'><img src="images/template/content/3001/button_details.png" border=0 width='14' height='14'></td>
  <td width='14' height='14'><img src="images/template/content/3001/button_angebote.png" border=0 width='14' height='14'></td>
  <td height='14' bgcolor=#93c5d8><p class='maintable_tablecontent'>Name oder Bezeichnung</p></td>
  <td height='14' bgcolor=#93c5d8><p class='maintable_tablecontent'>PLZ</p></td>
  <td height='14' bgcolor=#93c5d8><p class='maintable_tablecontent'>Ort</p></td>
  <td height='14' bgcolor=#93c5d8><p class='maintable_tablecontent'>Beschreibung</p></td>
  <td width='29' height='14'><img src="images/template/content/angebot/icon_dgs_voll.png" border=0; alt="kann DGS" width='29' height='14'></td>
 </tr>
</table>

CSS:
PHP:
.maintable_tablecontent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:7pt;
    font-style:normal;
    color:#222;
    font-weight:normal;
    text-decoration:none;
    text-align:left;
    margin: 0px 0px 0px 0px;
}
 
Hi,

weise den Grafikelementen "Block-Level-Charakteristika" zu:

Code:
img { display:block; }
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück