HTML

Zellenhintergund mouseover(Grafik)?

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

ein mouseover ist ja leicht erstellt aber kann man diese funktion auch Zellenhintergrund-bild-mässig machen? also wenn eine mouse in die zelle gerät das dann sich das zellenhintergrundbild ändert? <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(´Image8´,´´,´blubb.png´,1)"><img src="blubb.png" name="Image8" width="29" height="30" border="0"></a>

Antwort 1 von rfb

Zitat:
wenn eine mouse in die zelle gerät

eine Mausefalle ;-)

könntest du das Problem ausführlicher schildern?

welche Zelle (zur Not zeig mal ein bisschen Quelltext) ?

was für ein zellenhintergrundbild? Dein Beispiel ist eine Grafik als Link, die per JavaScript-Mouseover ausgetauscht wird, kein Hintergrundbild.

Antwort 2 von qwerqwerqwre

du meinst sicher eine zelle einer tabelle!?

das geht mit css.

füge im <head>-bereich folgendes ein:

<style type="text/css">
td { background-image:url(bild1.jpg); }
td:hover { background-image:url(bild2.jpg); }
</style>

müßte theoretisch klappen.

Antwort 3 von Dreamwork

<table width="82" height="88" border="1">
<tr>
<td height="84" background="Unbenannt11_SMALL.jpg"></td>
</tr>
</table>

@rfb & qwerqwerqwre
das ich doch eine Tabelle mit einer zelle die ein hintergund bild hat
nun möchte ich dass sich dieses hintergrund mit einem anderen bild bei mouseover austauscht und dank qwerqwerqwre funktioniat das jetzt auch! (das stückl quelltext hab ich nur hingeworfen um zu zeigen welche funktion ich gerne in den zellenhintergund eingebunden hätt)
spitzenmässig danke!

Antwort 4 von -blabla-

coole sache...
da ändern sich ja aber alle zellenhintergründe auf der seite..
wie mach ichn das jetzt wenn ich will dass nur die 1.Spalte diesen rollovereffekt hat ?
ich bin leider nich so fit in css! und für einige da draussen wärs bestimmt n leichtes mir das kurz zu erläutern oder? :) ...

Antwort 5 von rfb

<style type="text/css"> 
td.blabla { background:url(bild1.jpg); } 
td.blabla:hover { background:url(bild2.jpg); } 
</style>

und die Tabellenzellen sehen so aus

...

<td class="blabla">hier gibts Wechsel</td>
<td>und hier nicht</td>

Antwort 6 von -blabla-

supi! vielen dank!