Rahmen von Tabellen formatieren - geht das auch einfacher?

[Nobb]

Hi,
ich brauche eigentlich nur eine stink normale Tabelle, bei der der Rahmen und die Trennlinien zwischen den einzelnen Zellen sichtbar sind. Mit HTML habe ich früher einfach 'border="1"' geschrieben und ich hatte meine Linien.
Doch in Zeiten von CSS ist das natürlich "out". Jetzt brauche ich mal wieder so eine Tabelle und nach SELF-HTML (http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm) müsste ich das so schreiben:

<table style="border-collapse:collapse"><tr>
<tr>
<td style="border:1px solid black">Haus</td>
<td style="border:1px solid black">Auto</td>
<td style="border:1px solid black">Boot</td>
</tr></table>

Ich weiß, dass ich mir jetzt noch Arbeit durch globales CSS ersparen kann, aber da ich mehrere Tabellen habe werde ich nicht drum herum kommen etwas in den td-Tags einzubinden (die Tabellen sind groß).
Hat jemand eine Idee, wie ich mir die Schreibarbeit sparen könnte?
Danke im Voraus,
Nobb

[Cheatah]

Hi,

aber da ich mehrere Tabellen habe werde ich nicht drum herum kommen etwas in den td-Tags einzubinden (die Tabellen sind groß).

CSS-Selektoren sind sehr mächtig - Du musst einfach nur diese spezielle Tabelle per Selektor identifizieren. Vereinfacht wird das z.B. durch eine ID oder Klasse.

Cheatah

[Nobb]

Das ist richtig, aber auch dann muss ich noch

<style>
  td { border:1px solid black; }
</style>
...
<table style="border-collapse:collapse"><tr>
<tr>
<td class="tabelle1">Haus</td>
<td style="tabelle1">Auto</td>
<td style="tabelle1">Boot</td>
</tr></table>

schreiben, oder? Dass ich nur ein mal etwas in die Tabelle einbinde ähnlich wie bei HTML (border=1) geht nicht?

[Hans-Peter]

Das ist richtig, aber auch dann muss ich noch

nein musst du nicht, setzt dich mal mit dem hinweis von Cheatah auseinander.

konkret würde es heißen:

<style>
   td { border:1px solid black; }
   table { border-collapse:collapse }
</style>
...
<table>
 <tr>
  <td>Haus</td>
  <td>Auto</td>
  <td>Boot</td>
 </tr>
</table>

so einfach geht das - oder?

HP

[Jeena Paradies]

Hallo Nobb,

schreiben, oder? Dass ich nur ein mal etwas in die Tabelle einbinde ähnlich wie bei HTML (border=1) geht nicht?

Naja noch nicht ganz so

In der externen CSS Datei schreibst du:

table { border-collapse:collapse }
td { border: 1px solid black }

Und deine (HTML)Tabelle sieht dann so aus:

<table>
 <tr>
  <td>Haus</td>
  <td>Auto</td>
  <td>Boot</td>
 </tr>
</table>

Wenn du verschieden formatierte Tabellen haben willst machst du entweder Klassen oder Tabellen rein:

table.meine { border-collapse:collapse }
.meine td { border: 1px solid black }
table#deine { border-collapse:collapse }
#deine td { border: 1px solid black }

<table class="meine">
 <tr>
  <td>Haus</td>
  <td>Auto</td>
  <td>Boot</td>
 </tr>
</table>

<table id="deine">
 <tr>
  <td>Haus</td>
  <td>Auto</td>
  <td>Boot</td>
 </tr>
</table>

Grüße
Jeena Paradies

[Nobb]

Das ist DIE Lösung.
Vielen Dank!

[Jeena Paradies]

Hallo Nobb,

Das ist DIE Lösung.
Vielen Dank!

Bitte, schön dass du dich bedankst das wird hier sehr gerne gesehen :-)

Noch ein Nachtrag. Eine id darf man auf einer Seite nur ein mal verwenden.

Grüße
Jeena Paradies