Cybaer: tabellenspale mit CSS formatieren

Beitrag lesen

Hi,

stimmt, aber wollte mich trotzdem bedanken und ne einfachere Lösung wr janicht dabei :-)

? Das einzige schwierige an der genannten Lösung ist IMHO, daß man die Stile doppelt schreiben muß, da der IE hier (wg. der Totalverweigerung von :first-child) leider keinen Gruppenselektor erlaubt.

<html>  
<head>  
<title>CSS: 3. Tabellenspalte adressieren</title>  
  
<style type="text/css"><!--  
[code lang=css]#test { width:90%; }  
  
/* IE kann Spalte via COL adressieren, der Rest über :first-child */  
#test .col3                { background-color: #FF0000; }  
#test td:first-child+td+td { background-color: #FF0000; }  
  

~~~--></style>  
  
</head>  
  
<body>  
  
<table id="test" border="1" align="center"><colgroup>  
 <col>  
 <col>  
 <col class="col3">  
 <col>  
</colgroup><tr>  
 <td>1a</td>  
 <td>2a</td>  
 <td>3a</td>  
 <td>4a</td>  
</tr><tr>  
 <td>1b</td>  
 <td>2b</td>  
 <td>3b</td>  
 <td>4b</td>  
</tr><tr>  
 <td>1c</td>  
 <td>2c</td>  
 <td>3c</td>  
 <td>4c</td>  
</tr></table>  
  
</body>  
</html>  
[/code]  
  
Gruß, Cybaer  

-- 
Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.  
(Jean-Jacques Rousseau, Philosoph u. Schriftsteller)