Problem mit Tausch der Hintergrund-Grafik
Andreas
- css
also ich möchte in einer Tabelle die Hintergrundgrafik einer einzelnen Zelle verändern. Das soll geschehen sobald der Mauszeiger sich über die Zelle bewegt. Zur Zeit ist es so das sich nur die Hintergrundfarbe ändert... aber nicht das Hintergrundbild.
Weiß da jemand bescheid wie das geht?
Zur Zeit sieht der Quelltext so aus :
<STYLE>
<!--
td.zelle1 a:hover {background: white url(/bilder/ani_frame_button_links.gif);}
td.zelle1 {background: black url(/bilder/frame_button_links.jpg);}
-->
</STYLE>
und dann :
<table cellspacing="0" cellpadding="0" align="center" HEIGHT : 100% WIDTH=100%>
<tr>
<td class="zelle1"><a href="body_home.html" TARGET="Haupttext" title="Home"><img src="bilder/frame_button_home.gif" border="0" ></a></td>
</tr></table>
Guten Abend,
versuch mal folgendes:
<td onMouseOver="this.style.backgroundColor='deinemouseovercolor'"; onMouseOut="this.style.backgroundColor='deinemouseoutcolor'">
<a href="deinLink" class="linkklasse">dein Link</a>
</td>
Schönen Abend
Thorsten
Sorry! Mein Post galt nicht dir. Hatte mal wieder zu viele Browserfenster offen...
CYA
Thorsten
Hallo,
<STYLE>
<!--
td.zelle1 a:hover {background: white url(/bilder/ani_frame_button_links.gif);}
td.zelle1 {background: black url(/bilder/frame_button_links.jpg);}
-->
</STYLE>
|<td class="zelle1"><a href="body_home.html" TARGET="Haupttext" title="Home"><img src="bilder/frame_button_home.gif" border="0" ></a></td>
Ist das bild im <a> element transparent?
Wenn nicht wirst du auch keinen hintergrund sehen.
Ich würde das <img> element weglassen, den link als blockelement definieren, ihm die richtige grösse geben, a{} bekommt das hintergrundbild nr.1 und a:hover{} das hintergrundbild nr.2, so sollte es gehen.
Gruss, Jan aus Dresden
Hallo Andreas,
also ich möchte in einer Tabelle die Hintergrundgrafik einer einzelnen Zelle verändern. Das soll geschehen sobald der Mauszeiger sich über die Zelle bewegt.
vielleicht hilft dir </archiv/2003/4/42944/#m234861>?
<img src="bilder/frame_button_home.gif" border="0" >
hier fehlt noch ein alt-Attribut.
Grüße aus Nürnberg
Tobias