Jeena Paradies: Rahmen von Tabellen formatieren - geht das auch einfacher?

Beitrag lesen

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

--
Bambergs Fasching - nur ein großer (Werbe-)Flop?
http://jeenaparadies.de/artikel/fasching/
Jeenas Bannertauschportal; selbstgemacht ;-)
http://jeenasbannerbude.de