nicht angemeldet
Hey Leute,
ich hab ne Grafikvorgabe bekommen, (http://www.coolt.org/test/tabellen.gif)
Hi Martin,
anbei der ausführbare HTML-Code, ohne CSS, für NS und IE. Auf dieser Grundlage kannst Du alle Tabellen
bauen, die Du im Screenshot dargestellt hast.
Grüße
Philip
<html><head><title>Table Terror Coders of the neverending TOMORROW</title></head>
<body bgcolor="#ffcc00" link="#006699" vlink="#006699" alink="#006699">
<table border="0" cellpadding="0" cellspacing="0" width="200">
<!-- Headline-Start: 5 Pixel Randabstand oben -->
<tr bgcolor="#006699">
<td colspan="5" height="5"><spacer type="block" width="1"></td>
</tr>
<!-- Headline-Text: je 1 + 5 Pixel Randabstand links/rechts -->
<tr bgcolor="#006699">
<td width="1"><spacer type="block" width="1"></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="188" align="center"><font face="verdana,arial,helvetica,sans-serif" size="2" color="#ffffff"><b>Auflistung</b></font></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="1"><spacer type="block" width="1"></td>
</tr>
<!-- Headline-Ende: 5 Pixel Randabstand unten -->
<tr bgcolor="#006699">
<td colspan="5" height="5"><spacer type="block" width="1"></td>
</tr>
<!-- 2 Pixel Abstand zwischen Headline-Zelle und Content-Zelle -->
<tr>
<td colspan="5" height="2"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle-Start: schwarzer Rand oben, 1 pixel hoch -->
<tr bgcolor="#000000">
<td colspan="5" height="1"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: 5 Pixel Randabstand oben -->
<tr>
<td width="1" height="5" bgcolor="#000000"><spacer type="block" width="1"></td>
<td colspan="3" bgcolor="#ffffff"><spacer type="block" width="1"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Text: je 1 (schwarz) + 5 (weiss) Pixel Randabstand links/rechts -->
<tr bgcolor="#ffffff">
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="188"><font face="verdana,arial,helvetica,sans-serif" size="2" color="#000000">Für solche Tabellen ist CSS nicht zwingend erforderlich.</font></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: 5 Pixel Randabstand unten -->
<tr>
<td width="1" height="5" bgcolor="#000000"><spacer type="block" width="1"></td>
<td colspan="3" bgcolor="#ffffff"><spacer type="block" width="1"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: abschliessende schwarze Linie, 1 pixel hoch -->
<tr bgcolor="#000000">
<td colspan="5" height="1"><spacer type="block" width="1"></td>
</tr>
<!-- 2 Pixel Abstand zwischen Content-Zellen -->
<tr>
<td colspan="5" height="2"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle-Start: schwarzer Rand oben, 1 pixel hoch -->
<tr bgcolor="#000000">
<td colspan="5" height="1"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: 5 Pixel Randabstand oben -->
<tr>
<td width="1" height="5" bgcolor="#000000"><spacer type="block" width="1"></td>
<td colspan="3" bgcolor="#ffffff"><spacer type="block" width="1"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Text: je 1 (schwarz) + 5 (weiss) Pixel Randabstand links/rechts -->
<tr bgcolor="#ffffff">
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="188"><font face="verdana,arial,helvetica,sans-serif" size="2" color="#000000">Und es funktioniert auch mit Netscape :-)</font></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: 5 Pixel Randabstand unten -->
<tr>
<td width="1" height="5" bgcolor="#000000"><spacer type="block" width="1"></td>
<td colspan="3" bgcolor="#ffffff"><spacer type="block" width="1"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: abschliessende schwarze Linie, 1 pixel hoch -->
<tr bgcolor="#000000">
<td colspan="5" height="1"><spacer type="block" width="1"></td>
</tr>
<!-- 2 Pixel Abstand zwischen Content-Zellen -->
<tr>
<td colspan="5" height="2"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle-Start: schwarzer Rand oben, 1 pixel hoch -->
<tr bgcolor="#000000">
<td colspan="5" height="1"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: 5 Pixel Randabstand oben -->
<tr>
<td width="1" height="5" bgcolor="#000000"><spacer type="block" width="1"></td>
<td colspan="3" bgcolor="#ffffff"><spacer type="block" width="1"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Text: je 1 (schwarz) + 5 (weiss) Pixel Randabstand links/rechts -->
<tr bgcolor="#ffffff">
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="188"><font face="verdana,arial,helvetica,sans-serif" size="1" color="#000000"><a href="mailto:pgrabbert@tomorrow-ag.de"><b>pgrabbert@tomorrow-ag.de</a><br>
<a href="http://www.tomorrow-business.de" target="_blank"><font color="#339966">www.tomorrow-business.de</font></a></b></font></td>
<td width="5"><spacer type="block" width="5"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: 5 Pixel Randabstand unten -->
<tr>
<td width="1" height="5" bgcolor="#000000"><spacer type="block" width="1"></td>
<td colspan="3" bgcolor="#ffffff"><spacer type="block" width="1"></td>
<td width="1" bgcolor="#000000"><spacer type="block" width="1"></td>
</tr>
<!-- Content-Zelle: abschliessende schwarze Linie, 1 pixel hoch -->
<tr bgcolor="#000000">
<td colspan="5" height="1"><spacer type="block" width="1"></td>
</tr>
</table>
</body></html>