Hallo,

Ich bin gerade dabei ein neues Design für meine Homepage zu entwerfen und habe dabei ein Problem: Unter Bildern wird im Firefox und im Opera immer ein weißer "Rand" angezeigt. Es ist eigentlich eher nur freier Raum aber ich kann ihn nicht entfernen.

Die Homepage ist noch nicht online, daher poste ich Screenshots.

Der Quelltext:

HTML-Code:

          <table style="border-collapse:collapse;margin:0 auto;">
            <tr><td style="border:1px solid #999999;padding:0px;"><img src="templates/images/menu/gbook.png" alt="Gästebuch" title="Gästebuch" onmouseover="menuover(this)" onmouseout="menuout(this)" style="border: 1px solid #FF0000;magin:0px;padding:0px;" /></td></tr>
            <tr><td style="border:1px solid #999999;padding:0px;"><img src="templates/images/menu/links.png" alt="Links" title="Links" onmouseover="menuover(this)" onmouseout="menuout(this)" /></td></tr>
          </table>

Erklärung zum Screenshot:

Das Bild hat einen roten Rahmen und ist in einer Tabelle mit grauem Rahmen. Eigentlich müsste das Bild das gesamte Feld ausfüllen (wie im IE) tut es aber nicht.

Ich hoffe mir kann jemand helfen. Danke schon mal im vorraus.

mfg Shevonar

Vielleicht stört sie das fehlende r in der margin-Eigenschaft?

Code :

1	<img src="templates/images/menu/gbook.png" alt="Gästebuch" title="Gästebuch" onmouseover="menuover(this)" onmouseout="menuout(this)" style="border: 1px solid #FF0000;ma[b][color=red]r[/color][/b]gin:0px;padding:0px;" />

[editpost]

Ansonsten bestimme folgende CSS-Regel für die Grafiken:

Code :

1 2 3

td img { display: block; }

Leider hat das nichts geändert.

Ich bin weiter für neue Vorschläge offen.

mfg Shevonar

Da hab ich wohl zeitgleich meinen Beitrag editiert

Das funktioniert. Vielen Dank für die schnelle Hilfe.

mfg Shevonar