Tabelle mit Links (a-tag) und Grafiken - ohne Rand / Abstand?

kaito

Hallo zusammen.

Ich hab ein kleines Problem mit einer Tabelle. Ich möchte gerne 6 Grafiken (3 pro Zeile) darstellen welche Links enthalten.

Also ganze einfach:

HTML

<table style="border: 0; padding: 0; margin: 0; border-collapse: collapse; border-spacing:0px;" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><a href="link"><img src="source" /></a></td>
                        <td><a href="link"><img src="source" /></a></td>
                        <td><a href="link"><img src="source" /></a></td>
                    </tr>                    
                    <tr>                
                        <td><a href="link"><img src="source" /></a></td>
                        <td><a href="link"><img src="source" /></a></td>
                        <td><a href="link"><img src="source" /></a></td>
                    </tr>
                </table>

Alles anzeigen

Leider krieg ich es einfach nicht hin, den Abstand zwischen den beiden zwei Zeilen (tr) auszublenden. Wenn man sich das ganze im Firebug anschaut sieht man auch eindeutig das der a-Tag das Problem macht indem er einen "leeren" Raum verlinkt.

Anbei auch mal eine Grafik damit Ihr genaut wisst was ich meine.
Ich hoffe jemand hat eine Lösung, blage mich damit schon länger rum und habs dann meistens mit weißen Grafiken gefixt wo ich dann der Table einen Border gegeben habe

Bandit

Wieso benutzt du überhaupt eine Tabelle?

kaito

Hi,

das Problem tritt auch ohne Tabelle auf. Tabelle ist eigentlich nur deshalb da es sich hierbei um einen Newsletter handelt.
Siehe einbei wieder ein Beispiel.

HTML

<a href="#"><img src="#" /></a> <!-- hat breite 250px -->
<a href="#"><img src="#" /></a> <!-- hat breite 250px -->
<a href="#"><img src="#" /></a> <!-- hat breite 500px -->

Angaben dienen nur als Beispiel

- - - Aktualisiert - - -

Mensch... ich hol kopp. MEIN FEHLER!

Falscher Doctype...

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

und nicht ...

HTML

<!DOCTYPE HTML>

Gastl

Warum arbeitest du nicht mit einer Map?

kaito

Hi Gastl.

Es gibt verschiedene wege das zu lösen, das ist mir durchaus bewusst. Ich bin allerdings immer etwas vorsichtig, gerade wenn es, wie schon gesagt, um einen Newsletter geht.
Da nutze ich lieber Tabellen, das Unterstützt jeder Mail Anbieter egal ob Web, Desktop oder Mobile.

Gastl

Zitat von kaito

Ich bin allerdings immer etwas vorsichtig, gerade wenn es, wie schon gesagt, um einen Newsletter geht.

Was hat das damit zu tun? Tabellen sind kontraproduktiv, gerdae in Hinblick auf Handy und co.

Tags