background-color von <TD> beim überfahren aendern!

[Aqua]

Hallo!

Es ist im prinzip das gleiche wie ein CSS-Mouseover,
wo man beim überfahren einen Verweises (Links) dessen
background-color aendert, nur halt nicht beim Link,
sondern beim <TD>

wie geht das?

Danke
Aqua

(Bitte ohne JS)

[Christian]

hi,

vielleicht analog zu den links:

td:hover {background-color:#000000}

weiß aber nicht ob das geht!

wenn ja, dann sicher auch nur unter neueren Browsern.

mit JS:
<td onmouseover="this.style.backgroundColor='#000000';">

Christian

[Christian Seiler]

Hallo Aqua,

Es ist im prinzip das gleiche wie ein CSS-Mouseover,
wo man beim überfahren einen Verweises (Links) dessen
background-color aendert, nur halt nicht beim Link,
sondern beim <TD>

wie geht das?

.hov {
  background-color: blue;
}

.hov:hover {
  background-color: red;
}

<table>
<tr>
<td class="hov">hallo</td>
</tr>
</table>

(Bitte ohne JS)

Bitteschön. Allerdings kann das der Internet Explorer nur mit JS.

Viele Grüße,
Christian

[Dome]

<table>
 <tr>
  <td bgColor="#ff0000" onMouseOver="this.bgColor='#0000ff'" onMouseOut="this.bgColor='#ff0000'" style="cursor:hand">
  Text
  </td>
 </tr>
</table>

Biteschön

[Christian Seiler]

Hallo Dome,

style="cursor:hand"

1. Das war nicht Teil der Aufgabenstellung.
2. Wenn schon: style="cursor: hand; cursor: pointer;"

cursor: hand braucht man nur wegen einigen IE-Versionen, die noch nicht genug CSS verstanden haben.

Viele Grüße,
Christian

[Dome]

style="cursor:hand"

1. Das war nicht Teil der Aufgabenstellung.

Hallo Chrstian. Da er aber meinte, dass es "wie ein Link fungieren solle" hab ich das infach schnell dazugeschrieben. Perfektionist :)
Dome

[Axel Richter]

Hallo Christian,

1. Das war nicht Teil der Aufgabenstellung.
2. Wenn schon: style="cursor: hand; cursor: pointer;"
   cursor: hand braucht man nur wegen einigen IE-Versionen, die noch nicht genug CSS verstanden haben.

Richtig, aber andreasrum;-))
style="cursor: pointer; cursor: hand;"
IE5.x interpretiert cursor:pointer auch, aber als Standard-Pointer also als Textcursor auf Text und als Pfeilcursor auf Bildern. Mit Deiner Reihenfolge würde also im IE5.x _keine_ Hand erscheinen. Die andere Reihenfolge funktioniert, da cursor:hand _nicht_ von anderen Browsern interpretiert wird.

viele Grüße

Axel