Tabelle mit CSS

[Sigrun]

Hallo zusammen,
in HTML hatte ich folgendes:

<table border="1">
<tr>
<td>aaaaa</td><td>bbbbb</td><td>ccccc</td>
</tr>
<tr>
<td>aaaaa</td><td>bbbbb</td><td>ccccc</td>
</tr>
</table>

Ergebnis ist ein Rahmen um die Tabelle und jeweils um die Zellen.

Wenn ich angebe

<table style="border-style:solid;border-width:1;">

dann erhalte ich nur einen Rahmen um die Tabelle.
Was muss ich angeben, damit ich das gleiche Ergebnis erhalte wie in reinem HTML?

[frankx]

Hellihello,

  
table, td {  
 border: 1px solid black;  
}  

<table border="1">
<tr>
<td>aaaaa</td><td>bbbbb</td><td>ccccc</td>
</tr>
<tr>
<td>aaaaa</td><td>bbbbb</td><td>ccccc</td>
</tr>
</table>

Ergebnis ist ein Rahmen um die Tabelle und jeweils um die Zellen.

Wenn ich angebe

<table style="border-style:solid;border-width:1;">

dann erhalte ich nur einen Rahmen um die Tabelle.
Was muss ich angeben, damit ich das gleiche Ergebnis erhalte wie in reinem HTML?

In dem Fall border für table und td im tag angeben, besser über eingebundenes CSS.

Dank und Gruß,

frankx

[Sigrun]

Hallo,
Danke für die bisherige Hilfe und Bitte um weitere Unterstützung.

Ich habe eine Klasse für eine Tabelle, die Gitternetzlinien und andere Eigenschaften hat und eine Klasse, die nur angibt, dass die Tabelle zentriert sein soll. Wie kann ich erreichen, dass die beiden Klassen wirksam werden, also Tabelle mit Gitternetzlinien und zentriert?

table.Gitter {border: 2px #000000 solid;
              border-spacing: 3px;
}

table.Gitter td, th {border: 1px #AAAAAA inset;
}

table.zentriert {margin-left:auto;margin-right:auto;
}

Viele Grüße
Sigrun

[frankx]

Hellihello Sigrun,

Ich habe eine Klasse für eine Tabelle, die Gitternetzlinien und andere Eigenschaften hat und eine Klasse, die nur angibt, dass die Tabelle zentriert sein soll. Wie kann ich erreichen, dass die beiden Klassen wirksam werden, also Tabelle mit Gitternetzlinien und zentriert?

table.Gitter {border: 2px #000000 solid;
              border-spacing: 3px;
}

table.Gitter td, th {border: 1px #AAAAAA inset;
}

table.zentriert {margin-left:auto;margin-right:auto;
}

<table class="Gitter zentriert"> sollte gehen. Kannst Du beliebig erweiteren, kein Komma, ein Blank zwischen den Klassennamen.

Dank und Gruß,

frankx

[Sigrun]

Hallo frankx,
es klappt, danke!
Sigrun

[Bork mit York]

<table border="1">

Ergebnis ist ein Rahmen um die Tabelle und jeweils um die Zellen.

Wenn ich angebe

<table style="border-style:solid;border-width:1;">

dann erhalte ich nur einen Rahmen um die Tabelle.

Weil Du nur das <table>-Element formatierst. Die Angabe bei border-width ist in dieser Form übrigens verkehrt, soll das ein Pixel, ein Zentimeter oder eine Kartoffel sein?

Was muss ich angeben, damit ich das gleiche Ergebnis erhalte wie in reinem HTML?

Jedes <td>-Element formatieren. Bevor Du jetzt einwendest, dass das ja ein fürchterlicher Aufwand wäre, jedem <td> ein style-Attribut zu verpassen: Richtig, deshalb verwendet man auch eigene CSS-Bereiche und style nur in seltenen Ausnahmefällen.