Gunnar Bittersmann: In einer HTML Tabelle vorhandenes Bild bei MouseOver ersetzen

Beitrag lesen

@@Marc:

nuqneH

Mach doch einfach eine CSS-Tabelle!

Würdest du auch erklären, was du damit meinst? 'display: table…'.

Nimm ein teiltransparentes gif, dann brauchst Du nur noch background-color in Deinem CSS...

Für die Art von Bild ist aber JPEG das richtige Format, da gibt es keine Transparenz.

Aber so geht’s: Das Bild (JPEG, nur das Innere ohne schwarzen/roten Rahmen und Schatten) wird mit 'border-radius' rund gemacht. Der Schatten (transparentes PNG-24, sonst Farbsäume) ist Hintergrundbild des Containers ('th'), schwarz bzw. rot dessen Hintergrundfarbe, bei ':hover' muss man lediglich diese umschalten.

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)