zellenfarbe bei mouseover ändern

[iberican]

hi,
es bedarf wieder einmal fachmännischen rates, ich hoffe ihr könnt mir helfen.

ich möchte dass wenn man über eine tabellenzelle mit der mouse fährt sich deren hintergrundfarbe ändert. dies soll jedoch ohne Java script geschehen.

ein gutes beispiel ist www.n-tv.de
auf der rechten seite die navigationsleiste.

[David Tibbe]

Hallo iberican,

ich möchte dass wenn man über eine tabellenzelle mit der mouse fährt sich deren hintergrundfarbe ändert. dies soll jedoch ohne Java script geschehen.

Verwende das Pseudoformat :hover (http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus). Einige Browser sind aber zu doof dafür...

ein gutes beispiel ist www.n-tv.de

Schau dort doch in den Quelltext und guck nach, wie die das gemacht haben.

Grüße
  David

[iberican]

hallo david,

ja mit hover ist es machbar das der linkhintergrund die farbe ändert, dass is ja schön und gut aber es ändert nicht die farbe der ganzen tabelle. also so ist es nicht machbar

[David Tibbe]

Hallo iberican,

es ändert nicht die farbe der ganzen tabelle

Soll sie das denn? Du schriebst:

ich möchte dass wenn man über eine tabellenzelle mit der mouse fährt sich deren hintergrundfarbe ändert.

"deren" bezieht sich IMHO auf "Tabellenzelle" und genau das ist mit :hover machbar:
td:hover { background-color: #ff0000; }
Aber wie gesagt, einige Browser sind zu blöd, das umzusetzen.

Grüße
  David

[Orlando]

Hi iberican,

ich möchte dass wenn man über eine tabellenzelle mit der mouse fährt sich deren hintergrundfarbe ändert.

du benötigst keine Tabellen, weise deinen Verweisen display:block zu und setze Pseudoformate ein.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
 http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

dies soll jedoch ohne Java script geschehen.

mouseover ist in CSS :hover. Fertige Beispiele gibt's hier:

http://aktuell.de.selfhtml.org/artikel/css/mouseover/
 http://css.fractatulum.net/beispiele.htm

Grüße,
 Roland

[iberican]

danke roland, das ist die lösung