Einzelne Linien in Tabelle dicker machen

Hallo,

ich probiere gerade einem Programm von mir die HTML-Ausgabe von Sudokus beizubringen. Das Resultat sieht bisher so aus:
http://moritz.faui2k3.org/testsudoku.shtml
Dazu soll unter/neben der 3. und der 6. Zeile/Spalte die Liinien dicker gemacht werden. Dazu sind die s mit class=„r“ versehen, wenn rechts davon die Linie dicker werden soll, und mit class=„b“ wenn die Linie darunter dicker werden soll, und mit class=„r b“, wenn beides dicker werden soll.

Zur Formatierung verwende ich CSS:

.sudoku\_table {
 text-align:center;
 border-collapse: collapse;
 border-style: solid;
 border-color: black;
 border-width: 0.3em;
 margin: 0em;
 padding: 0em;
 font-weight: bold;
}

.sudoku\_table td {
 margin: 0px;
 width: 1.9em;
 height: 1.9em;
 border-color: black;
 border-style: solid;
 border-width: 0.1em;
}
.sudoku\_table tr {
 margin: 0px;
 padding: 0px;
}

.r {
 border-color: black;
 border-style: solid;
 border-right-width: 0.2em;
}

.b {
 border-color: black;
 border-style: solid;
 border-bottom-width: 0.2em;
}

Nur werden bei mir alle Linien gleich dick angezeigt. Warum? Irgendwie steh ich auf dem Schlauch. Ich hab schon sowohl HTML als auch CSS durch den Validator geschickt, an Syntaxfehlern scheint es nicht zu liegen.

Hat jemand ne Idee, wie ich das hinkriege?

Grüße,
Moritz

Hallo Moritz,

ohne daß ich mir die Formatierung nun weiter angesehen habe…
…als erstes würde ich bei den class Namen die Leerzeichen weglassen.

CU Fr@nkie,

The Truth Is Out There… ;o)

Hallo,

ohne daß ich mir die Formatierung nun weiter angesehen habe…
…als erstes würde ich bei den class Namen die Leerzeichen
weglassen.

Wo meinst du genau? in der CSS-Datei bei

.b {
 border-color: black;
 border-style: solid;
 border-bottom-width: 0.2em;
}

?

Das macht keinen Unterschied.

Grüße,
Moritz

The Truth Is Out There… ;o)

Ich hoffe es :wink:

[Solved]
Hallo,

hab meinen Fehler gefunden:

:
.r {
border-color: black;
border-style: solid;
border-right-width: 0.2em;

Das muss noch ein !important mit rein, dann funktionierts

}

.b {
border-color: black;
border-style: solid;
border-bottom-width: 0.2em;

Ebenso

}

Grüße,
Moritz