Tabellen formatieren...

[Hendrik]

Hey!

Ich formatiere meine so, dass ich jeder Zelle die gleiche Klasse zuweise. In der Klasse stehen dann Angaben zum Rahmen und Innenabstand.

  
<table>  
<tr>  
<td class="seite">Inhalt</td>  
<td class="seite">Inhalt</td>  
</tr>  
</table>  

dazugehöriges CSS:

  
  td.seite {  
    border: 1px solid black;  
    padding: 5px;  
  }  

Das klappt auch alles wunderbar. Allerdings erscheint mir diese Version ziemlich lang. Jetzt meine Frage: Kann ich das irgendwie im table-Element definieren? So muss ich ja für jede Zelle die Klasse aufschreiben und das nervt auf Dauer...

Hendrik

[Steel]

Hiho!

Warum nicht einfach td {} definieren?

[Hendrik]

Hey!

Warum nicht einfach td {} definieren?

Ganz einfach: Ich habe mehrere Tabellen in einer Datei, die aber alle anders aussehen sollen.

Hendrik

[Kai345]

Grütze .. äh ... Grüße Euch

Warum nicht einfach td {} definieren?

Ganz einfach: Ich habe mehrere Tabellen in einer Datei, die aber alle anders aussehen sollen.

Dann vergib für jede Tabelle eine ID

<table id="tabelle001">
.....
</table>

<table id="tabelle002">
.....
</table>

und dann im CSS

table#tabelle001 td { background-color: red; }
table#tabelle002 td { background-color: blue; }

Cü
Kai

[Gernot Back]

Hallo Hendrik,

Ich formatiere meine so, dass ich jeder Zelle die gleiche Klasse zuweise. In der Klasse stehen dann Angaben zum Rahmen und Innenabstand.

<table>
<tr>
<td class="seite">Inhalt</td>
<td class="seite">Inhalt</td>
</tr>
</table>

  

> dazugehöriges CSS:  
> ~~~css
  

>   td.seite {  
>     border: 1px solid black;  
>     padding: 5px;  
>   }  
> 

Das klappt auch alles wunderbar. Allerdings erscheint mir diese Version ziemlich lang. Jetzt meine Frage: Kann ich das irgendwie im table-Element definieren? So muss ich ja für jede Zelle die Klasse aufschreiben und das nervt auf Dauer...

Warum operierst du nicht einfach mit dem Nachfahrensselektor?

  
<table class="seite">  
   <tr>  
      <td>Inhalt</td>  
      <td>Inhalt</td>  
   </tr>  
</table>  

  
table.seite td {  
   border: 1px solid black;  
   padding: 5px;  
}  

Gruß Gernot

[Hendrik]

Hey!

Warum operierst du nicht einfach mit dem Nachfahrensselektor?

<table class="seite">
   <tr>
      <td>Inhalt</td>
      <td>Inhalt</td>
   </tr>
</table>

>   
> ~~~css
  

> table.seite td {  
>    border: 1px solid black;  
>    padding: 5px;  
> }  
> 

GENIAL! Danke. Ich bin wirklich zu blöd. Naja: Ich lerne doch immer noch jeden Tag was dazu, auch wenn es etwas so banales ist!

Hendrik