Martin Klumpp: Tabellenrahmen im Netscape ...

SELF-Forum

Tabellenrahmen im Netscape ...

Martin Klumpp
– Informationen zu den Bewertungsregeln

Hey Leute,

ich hab ne Grafikvorgabe bekommen, (http://www.coolt.org/test/tabellen.gif) und ich habe das Problem dass ich es nur im IE annähernd hinbekomme, im Netscape sieht es ziemlich hässlich aus ...

Hat da vielleicht jemand nen Tip für mich??? CSS vielleicht??? Habe schon einiges probiert ...

Vielen Dank ...

MfG

Martin

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabellenrahmen im Netscape ...

    Philip G.
    – Informationen zu den Bewertungsregeln

    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>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln