Ingo Turski: Tabellen zeile verlinken und makieren

Beitrag lesen

SELF-Forum

Tabellen zeile verlinken und makieren

Ingo Turski Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi,

Na, genau so: http://www.1ngo.de/web/em.html#px2em wie von Ingo verlinkt. Er hat es dir doch in einem appetitlichen Happen angerichtet. Was erwartest du noch?

naja, ich muß zugeben, daß es dort nicht ganz so leicht zu finden ist, da ich es hinter die Tabelle gesetzt habe, um es nicht onload aufrufen zu müssen. Der Code ist aber recht simpel:

<!--[if IE]><script type="text/javascript">  
[code lang=javascript]  var TR = document.getElementsByTagName("TR");  
  for(var i=23; i>0; i=i-1) {  
    TR[i].onmouseover=function() {this.style.backgroundColor = "white"}  
    TR[i].onmouseout=function() {this.style.backgroundColor = "transparent"}  
  }

</script><![endif]-->[/code]

Die erste TR mit der Überschrift habe ich hier ausgespart.

Fortschrittlichen Browsern reicht hierfür das CSS:

#px2em tr:hover { background:white; }  
#px2em tr:first-child { background:transparent; }

Und wenn alle Tabellenzellen Links mit display:block (und width:100% für den IE) enthalten würden, gäbe es auch überall das "Händchen"...

freundliche Grüße
Ingo

--
[barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Tanzschritte gesucht?;-)
Beitrag melden
–
Informationen zu den Bewertungsregeln