CSS Schachbrettmuster

[Struppi]

Zu den Links und Hilfen, die du bekommen hast, hilft dir vielleicht dies hier noch weiter. Da ist ein Schachbrettbeispiel drin. (kräftig scrollen)

hmm, das Beispiel ist nicht gerade schön, wenn es darum geht, wie man CSS anwenden kann.

Vielleicht eher so:

  
.schachbrett  {  
 width: 400px; height: 400px;  
 border: solid #000 2px;  
 margin: 0px auto;  
 border-collapse:collapse;  
}  
.schachbrett td {  
 width:100px;  
 height:100px;  
 text-align:center;  
 background-color: #000;  
}  
.schachbrett td.weiss {  
 background-color: #fff;  
}  

und das HTML:

<table class="schachbrett">  
<tr>  
    <td class="weiss"></td>  
    <td ></td>  
    <td class="weiss"></td>  
    <td ></td>  
</tr>  
<tr>  
    <td ></td>  
    <td class="weiss">Läufer</td>  
    <td ></td>  
    <td class="weiss"></td>  
  
</tr>  
<tr>  
    <td class="weiss"></td>  
    <td ></td>  
    <td class="weiss"></td>  
    <td ></td>  
</tr>  
<tr>  
    <td ></td>  
    <td class="weiss"></td>  
    <td ></td>  
    <td class="weiss"></td>  
</tr>  
</table>  

Struppi.