Axel Richter: Tabellezwischenraum formatieren

Beitrag lesen

Hallo,

Wenn du jedoch die Rahmen selbst mit CSS formaitieren möchtest, muss du leider bestimmte Zellen mit Klassen versehen und sie so formatieren, gebe für die Tabelle die du so formatieren möchtest folgendes an:
table { border-collapse:collapse; border:0;}
td.linksaussen {
          border-top:solid 3px #999999;
          border-bottom:solid 3px #999999;
         }
   td.rechtssaussen {
          border-top:solid 3px #999999;
          border-bottom:solid 3px #999999;
         }
   td.oben {
          border-right:solid 3px #999999;
          border-left:solid 3px #999999;
         }
   td.unten {
          border-right:solid 3px #999999;
          border-left:solid 3px #999999;
         }
   td.mitte {
          border:solid 3px #999999;
         }

Naja, wenn man den Gesamtrahmen nicht transparent, sondern nur in der Hintergrundfarbe haben möchte, dann geht es auch einfacher:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Gitter</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body {background-color:#FFF;}
table {border-collapse:collapse; border:1px solid #FFF;}
td {width:50px; height:50px; border:3px solid #999;}
-->
</style>
</head>
<body>
<table>
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
</table>
</body>
</html>

viele Grüße

Axel