Hallo,
Ich habe folgendes Problem:
Ich möchte gerne eine Tabelle erstellen worin es 3 Reihen und 2 Spalten gibt. In diesen Zellen sind Grafiken für den Rahmen der Tabelle und in der mittleren linken Zelle steht ein Text bzw. Grafik. Soweit funktioniert auch alles. Im Firefox funktioniert sogar das die Grafiken direkt aneinander stehen, nur im IE nicht.
Ich möchte allerdings kein CELLSPACING und CELLPADDING im <table>-tag stehen haben, es soll im CSS stehen. Nachfolgend der Code.
CSS:
body { background-color:#000000;
color:#CC99FF;
font-family:Verdana;
font-size: 14px;
font-weight: bold;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
table { border-width:0px;
border-spacing:0px;
}
td,tr { padding:0px;
}
img { border-width:0px;
}
a:link { color:#FFFFFF;
text-decoration:underline;
}
a:visited { color:#FFFFFF;
text-decoration:underline;
}
a:active { color:#FFFFFF;
text-decoration:underline;
}
HTML:
<body>
<img src="../../gfx/banner.gif" width="500" height="100">
<table>
<tr>
<td><img src="../../gfx/oben.gif" width="100%" height="12"></td>
<td><IMG SRC="../../gfx/rechtsoben.gif" WIDTH="12" HEIGHT="12"></td>
</tr>
<tr>
<td><img src="../../gfx/content/stand.png" alt="Aktueller Stand" width="165" height="42"></td>
<td><IMG SRC="../../gfx/rechts.gif" WIDTH="12" HEIGHT="42" BORDER="0"></td>
</tr>
<tr>
<td><img src="../../gfx/unten.gif" width="100%" height="12"></td>
<td><img src="../../gfx/rechtsunten.gif" width="12" height="12"></td>
</tr>
</table>
</body>