Rand von der Tabelle entferne

[C39]

Hallo Leute,

Ich habe eine Tabelle und möchte sie so verändern, sodass die Ränder die ich grün markiert habe weg sind. Die Tabelle soll dann so aussehen als seien es zwei getrennte Tabellen.

Könnt ihr mir helfen?

 

[threadi]

Wie definierst Du denn aktuell den Rahmen der Tabellenzellen?

 

[C39]

.style td
{
margin: 1;
padding: 1px;
align: center;
border-width: 1px 1px 1px 1px;
border-style: solid;

}

 

[threadi]

Das gib den Zellen, die keinen Rahmen haben sollen eine Klasse und unterdrücke den border über diese Klasse.

.style td.noborder { border: 0; }

Ob das aber dann in allen Richtungen klappt hängt auch vom Style der Tabelle selbst ab (Stichwort: border-collapse).

Moderation: Verschoben von HTML zu CSS, da es um Gestaltung geht.

 

[C39]

Und wie mache ich das jetzt? Wie kann ich diese Eigenschaften nur einer Zeile geben, wen ich es bei table mache verschwinden alle Ränder?

 

[threadi]

Du weißt wie man einem Element eine Klasse gibst?

 

[C39]

Nein, ich fange gerade mit CSS an

 

[threadi]

<td class="noborder">

und der darauf beziehende CSS-Code steht oben.

 

[C39]

Großartig, vielen Dank