<td>-Tag formatieren

[chuckie]

Vielen Dank für den Tipp!

Habe mir jetzt überlegt, aufgrund der Browserkompatibilität, die :first-child Pseudoklasse zu verwenden.
Dabei will ich von meinem ersten <td>-Tag das Hintergrundbild ausstellen (background:none).

Bisher habe ich das im CSS so gelöst:

  
table td {  
background:url(../images/v-line.gif) left top no-repeat;  
}  
  
table td:first-child {  
background:none;  
}  

Klappt wunderbar in den guten Browsern.

Für die CSS-Expression im IE, habe ich mir Deine Dokumentationen angeschaut und habe folgendes dabei rausbekommen.

  
* html table td {  
background: expression( (function (element) { element.style.background = (element.parentNode.previousSibling ? "none" : "url(../images/v-line.gif) left top no-repeat"); })(this) );  
}  

Leider will es noch nicht funktionieren. Weißt Du, wo der Fehler liegen könnte?

(Habe es einfach in das CSS-Dokument geschrieben und keine Reihenfolge beachtet, nicht schlimm oder?)

Danke und viele Grüße!

@@chuckie:

nuqneH

hat jemand eine Ahnung, wie ich per JS ein <td>-Tag aus einer Tabelle nachträglich per CSS formatieren kann?

Wieso per JS? Wieso nachträglich?

z.B. könnte man dem letzten ein Inline-Style anhängen
<td style=".."></td>

Nein, pfui!

oder einfach eine Klasse?
<td class=".."></td>

Ja, aber wozu? Genau dafür gibt es die Pseudoklasse :last-child.

Für IE per CSS-Expression, s. dortige Links.

Qapla'