probleme mit Tabellenhintergrundbild bei hover

stephan000 · 09.04.2006, 10:05

also ich habe eine kleine tabelle mit einem td erstellt und wollte bei a:hover das hintergrundbild ändern, das funktioniert aber nicht, sondern ändert das Hintergrundbild des Links, die Bilder sind 140x40px groß:

<html>
<head>
<title>test</title>
<style>
td a
{
background-image:url(blink.gif);
}

td a:hover
{
background-image:url(test.gif);
}
</style>
</head>

<body>
<table width="140" height="40">
<tr height="40px">
<td width="140px" height="40px">Home</td>
</tr>
</table>
</body>
</html>

ich hoffe ihr könnt mir helfen

stephan000 · 09.04.2006, 10:25

es würde so gehen, einfach mit td {} und td:hover, aber dann ändert sich das Bild aber immer, wenn man auf die td fährt, ich will es aber nur ändern, wenn ich über den link fahre

agrajag · 09.04.2006, 10:27

Falls ich dein Anliegen richtig verstanden habe ist das so mit CSS nicht möglich.

Du kannst dazu aber ein kleines JavaScript schreiben, dass onmouseover die Style-Eigenschaften des übergeordneten tds ändert.

stephan000 · 09.04.2006, 10:48

ok danke ich werds probieren

axelnes · 09.04.2006, 13:23

Es gibt eine Lösung

a.nav {
background-image:url(blink.gif);
width: breite des a href's
height: höhe des a href's
display:block
}

a.nav:hover {
background-image:url(test.gif);
}

<div style="width:0px;height:0px;overflow:hidden;"><igm src="test.gif" border="0" width="0px" height="0px" /></div>

<table width="140" height="40">
<tr height="40px">
<td width="140px" height="40px">home</td>
</tr>
</table>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Firefox / IE - Probleme		HTML, Usability und Barrierefreiheit	5	20.07.2009 17:04
Probleme beim Affenformular	Nicki28	PHP Tipps 2008	2	23.12.2007 10:47
Probleme bei Speicherung von serialize() Strings	Manni2k	PHP Tipps 2006	13	15.10.2006 15:06
Probleme mit mbstring extension unter Debian	HStev	Server, Hosting und Workstations	3	30.08.2006 20:55
Probleme mit Rechteverteilung chmod() per script!!!???	Funky_	PHP Tipps 2006	7	17.06.2006 17:10
image map mit hover		HTML, Usability und Barrierefreiheit	1	21.12.2005 16:04
Probleme bei der Installation von Turck MMCache	tomx992	PHP-Fortgeschrittene	2	27.09.2005 20:31
Probleme beim Datenupload zu meiner Datenbank		Datenbanken	3	05.09.2005 19:47
Probleme mit Sonderzeichen...		Datenbanken	1	02.08.2005 23:37
[Erledigt] hilfe! probleme mit...		PHP Tipps 2005	4	12.04.2005 22:55
[Erledigt] CSV Größe macht Probleme mit php		PHP Tipps 2005	5	15.03.2005 21:29
Zwei Rechner ins Netz - Router - Hub - Probleme...	imported_Ben	Off-Topic Diskussionen	37	13.01.2005 21:36
[Erledigt] Technische Probleme mit Sessions		PHP-Fortgeschrittene	4	18.11.2004 14:45
[Erledigt] Probleme mit Fremdsprachen		HTML, Usability und Barrierefreiheit	2	21.09.2004 17:11
PHP Bilder in DB / Probleme bei Änderung		PHP-Fortgeschrittene	1	05.06.2004 11:20

09.04.2006, 10:05
stephan000 Neuer Benutzer Registriert seit: 24.03.2006 Beiträge: 23	probleme mit Tabellenhintergrundbild bei hover also ich habe eine kleine tabelle mit einem td erstellt und wollte bei a:hover das hintergrundbild ändern, das funktioniert aber nicht, sondern ändert das Hintergrundbild des Links, die Bilder sind 140x40px groß: <html> <head> <title>test</title> <style> td a { background-image:url(blink.gif); } td a:hover { background-image:url(test.gif); } </style> </head> <body> <table width="140" height="40"> <tr height="40px"> <td width="140px" height="40px">Home</td> </tr> </table> </body> </html> ich hoffe ihr könnt mir helfen


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.04.2006, 10:25
stephan000 Neuer Benutzer Registriert seit: 24.03.2006 Beiträge: 23	es würde so gehen, einfach mit td {} und td:hover, aber dann ändert sich das Bild aber immer, wenn man auf die td fährt, ich will es aber nur ändern, wenn ich über den link fahre

09.04.2006, 10:27
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Falls ich dein Anliegen richtig verstanden habe ist das so mit CSS nicht möglich. Du kannst dazu aber ein kleines JavaScript schreiben, dass onmouseover die Style-Eigenschaften des übergeordneten tds ändert. __________________ Today you...Tomorrow me.

09.04.2006, 10:48
stephan000 Neuer Benutzer Registriert seit: 24.03.2006 Beiträge: 23	ok danke ich werds probieren

09.04.2006, 13:23
axelnes Benutzer Registriert seit: 01.08.2005 Beiträge: 46	Es gibt eine Lösung a.nav { background-image:url(blink.gif); width: breite des a href's height: höhe des a href's display:block } a.nav:hover { background-image:url(test.gif); } <div style="width:0px;height:0px;overflow:hidden;"><igm src="test.gif" border="0" width="0px" height="0px" /></div> <table width="140" height="40"> <tr height="40px"> <td width="140px" height="40px">home</td> </tr> </table> __________________ A-NES Internet-Lösungen Axel Neswadba www.a-nes.de