Chräcker Heller: Bild mit Tabelle zusammenstückeln

Beitrag lesen

Hallo zusammen,

ein Bild in mehrere zerlegen, per Tabelle zusammenstückeln und sich dann über die Zwischenräume beschweren, ist so beliebt, daß ich es auch mal machen möchte.... naja, "möchte" eigendlich weniger, aber was solls:

mein Tabellenkonstrukt:

<table class="logo">
<tr>
<td colspan="3"><img src="logo1.jpg" width="730" height="62" alt=""></td>
</tr>
<tr>
<td><img src="logo2_1.jpg" width="125" height="34" alt=""></td>
<td><img src="logo2_2.gif" width="516" height="34" alt=""></td>
<td><img src="logo2_3.jpg" width="89" height="34" alt=""></td>
</tr>
<tr><td colspan="3"><img src="logo3.jpg" width="730" height="60" alt=""></td>
</tr>
</table>

wird mit folgenden css-Angaben gefüttert:

table.logo {
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
    border:none;
    padding:0px;
    width:730px;
}
table.logo tr,td {
    margin:0px;
    padding:0px;
    text-align:left;
    border:none;
    font-size : 1px;
    line-height : 1px;
    }
img {
     border:none;
     margin:0px;
     padding:0px;
     }

____

die drei zellen in der mittleren reihe haben nach allen vier Seiten(!) einen Rand zur Nachbarzelle. Mit dem obigen css-konstrukt habe ich den rand aufs kleinste mögliche bekommen. display:block bei den images wie das schändliche Weglassen eines Doctypes (käme mir ja nie in die Tüte ,-))) haben keinen Unterschied gebracht.

Zu sehen unter http://www.chraecker.de/netzwerk/test.html

Wo fehlt mir was?

Danke,

Chräcker