HTH-C.com - Webmedien & Community - Hintergrund von <td> hovern

HTH-C.com - Forum

Latest News

Latest Threads

	Neuerung: Persönliche Galerie
	Informationen zur Übernahme der Erweite..
	HTH Blog - Version 2.0
	#HTH.Systems - Betatester gesucht
	Neueröffnung - PHPKit-Award.de
	HTH Webchat v3

Happy Birthday	Bottyline	Heute, 0:00
Herzlich Willkommen	Botty	22.11.2024 - 20:45
Gibt es eigentlich noch jemand der PHPki..	Dooki	16.07.2024 - 19:47
PHPKit 1.6.6	WEBI	24.06.2024 - 12:58
PHPKit 1.6.6 ohne ASCE auf PHP8x	Myrddin	22.03.2023 - 12:36


55.088 Posts & 4.945 Themen in 78 Foren

Forenübersicht »

Support / Hilfe »

Allgemein »

Webdesign »

Hintergrund von

hovern

Hintergrund von

hovern
5 Beiträge in diesem Thema

Seiten (1):

BuLLeT
Friends-Network

Beiträge: 925
Wohnort: Leipzig
HTH-Coins: 52.677

29.11.2007 - 11:26 Uhr

Beitrag: #1

so, nu hab ich auch mal ein anliegen.
und zwar möchte ich, das sich via mousover auf einer <td> das hintergrundbild ändert.

ich habe das zwar hinbekommen und es läuft auch spitze, leider aber nur im Firefox.
im Internet Explorer passiert garnichts, und das genau ist mein problem.

folgende css angaben habe ich bereits gemacht.

Quellcode

td.extraleft:hover{

background-image: url(adresse/bild_hover.jpg); 

}

die <td> selber ist mit:

1
2

Quellcode

<td class="extraleft" width="185" height="139" background="adresse/bild_hover.jpg">

was muss ich aber nun tun, damit dieser Effekt auch im Internet Explorer angezeigt wird?
Für konstruktive Antworten wäre ich sehr dankbar.

MfG

HiGHteK
Satans böser Zwilling

Beiträge: 122
Wohnort: keine Angabe
HTH-Coins: 3.789

29.11.2007 - 12:58 Uhr

Beitrag: #2

Soweit ich weiß kennt der Internet Explorer die Pseudoklasse hover nur im Zusammenhang mit Links (<a...>).
Deswegen würde dann wohl nur der Umweg über Javascript bleiben, damit auch der IE versteht was du von ihm willst

Probieren kannst du ja mal folgendes...
Ändere einfach das gewünschte <td> wie folgt ab..

1

Quellcode

       <td class="extraleft" width="185" height="139" background="adresse/bild_normal.jpg" onmouseover="this.style.backgroundImage = 'adresse/bild_hover.jpg';" onmouseout = "this.style.backgroundImage = 'adresse/bild_normal.jpg';">             

Ist es eigentlich bei deinem Quellcode Absicht das die Bildadressen beim Background und beim Hover gleich sind?? ^^

Ist ungetestet, sollte aber theoretisch funktionieren....solange der Benutzer eben Javascript im IE aktiviert hat

Grtz

BuLLeT
Friends-Network

Beiträge: 925
Wohnort: Leipzig
HTH-Coins: 52.677

29.11.2007 - 13:27 Uhr

Beitrag: #3

ja sorry, beim posten habe ich vorhin was falsch geschrieben. die bild adressen hab ich falsch gepostet. hier stimmen die adressen.

leider aber funzt der code von dir auch nicht, ich bekomme lediglich scriptfehler angezeigt

(ungültiges Argument

)

HiGHteK
Satans böser Zwilling

Beiträge: 122
Wohnort: keine Angabe
HTH-Coins: 3.789

29.11.2007 - 14:25 Uhr

Beitrag: #4

Sorry, das kommt davon wenn man sowas ungetestet abschickt

Hier nun ein korrigierter Code, mit dem ich es eben getestet hab...

1

Quellcode

       <td style="background-image: url(adresse/bild.jpg);" onmouseover="this.style.backgroundImage = 'url(adresse/bild_hover.jpg)';" onmouseout="this.style.backgroundImage = 'url(adresse/bild.jpg)';">             