Tabelle mit dickem Rahmen

Question

Hallo ich versuche eine ganz einfache Tabelle mit einem sehr
dickem Rahmen 10-15px via CSS zu erzeugen, leider klappt es
nicht, wird nur maximal 3-4 Pixel breit. Was mache ich falsch?

<table border="5" cellpadding="20" cellspacing="20"
width="100%" height="800">

<tr>
<td style="border-width: 15px;border:medium solid orange;">Zelle
oben links</td>
<td width="70%" align="center" rowspan="3" style="border-width:
15px;border:medium solid orange;"><font face="Arial" size="5">Zelle
oben mitte</font></td>
<td style="border-width: 15px;border:medium solid orange;">Zelle
oben rechts</td>
</tr>

<tr>
<td style="border-width: 15px;border:medium solid orange;">Zelle
mitte links</td>
<!--<td align="center">Zelle mitte mitte</td> -->
<td style="border-width: 15px;border:medium solid orange;">Zelle
mitte rechts</td>
</tr>

<tr>
<td style="border-width: 15px;border:medium solid orange;">Zelle
unten links</td>
<!--<td align="center">Zelle unten mitte</td> -->
<td style="border-width: 15px;border:medium solid orange;">Zelle
unten rechts</td>
</tr>


</table>

Answer 1

Hallo.

Du vermischst da ziemlich viel und machst widersprüchliche Angaben. (Sie sind nicht wirklich widersprüchlich, sondern überschreiben sich gegenseitig.)

Zuerst legst du mit

<table border="5" cellpadding="20" cellspacing="20"
width="100%" height="800">

eine Tabelle an, die mit Html-Attributen, nicht mit CSS, formatiert ist. Mit border="5" bekommt die Tabelle einen Rahmen, der 5px dick ist.

Aber diese Formatierung wirkt nicht. Dank border-width: 15px; bekommt jede Zelle einen Rahmen von 15px breite.

Aber auch diese Formatierung wirkt nicht. Unmittelbar danach legst du mit border:medium solid orange; eine mittlere Rahmendicke (medium) fest und überschreibst die vorherige Formatierung. Da diese Formatierung nicht wieder überschrieben wird, ist (nur) sie wirksam.

Answer 2

genau.

ersetze:
"border-width: 15px;border:medium solid orange;"

durch:
"border: solid 15px orange;"

und ich empfehle keine <font...> tags zu verwenden und alles möglichst mit css zu formatieren.
Ich würde ausserdem mit class="..." arbeiten, statt mit style="..."