Autor |
Nachricht |
primu.s
Threadersteller
Dabei seit: 25.07.2005
Ort: Stuttgart
Alter: -
Geschlecht:
|
Verfasst Fr 02.09.2005 13:06
Titel hover im IE > wer weiß, wie man das macht? |
|
|
Servus Leute,
das altbekannte Problem: der IE unterstützt hover nur beim a-tag.
Ich weiß mittlerweile, dass es einen workaround für den IE mittels einer .htc-datei gibt.
Kann mir jemand an einem EINFACHEN BEISPIEL erklären wie man das macht?
(Ich kenne die Seite whatever:hover, blicke da aber ehrlich gesagt nicht durch.)
Ich benötige hover für meine Navigation. Dort sollen die Navigationselemente jeweils beim Überfahren mit der Maus durch ein anderes Bild ersetzt werden.
Vielen Dank schonmal...
|
|
|
|
|
JuliSue
Dabei seit: 31.01.2002
Ort: Augsburg
Alter: 42
Geschlecht:
|
Verfasst Fr 02.09.2005 13:54
Titel
|
|
|
<body onLoad="MM_preloadImages('stor/images/spacer2.gif','stor/images/spacer4.gif')">
<p>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild1','','stor/images/spacer2.gif',1)">
<img src="stor/images/spacer.gif" name="Bild1" width="1" height="1" border="0">
</a>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bild 2','','stor/images/spacer4.gif',1)">
<img name="Bild 2" border="0" src="stor/images/spacer3.gif">
</a>
</p>
</body>
Hilft dir das was?
Spacer 1 und Spacer 3 sind jeweils die Bilder die der User sofort sieht. Spacer 2 und Spacer 4 sind die, die mittels Mouseover angezeigt werden.
Gruß Julie
|
|
|
|
|
Anzeige
|
|
|
primu.s
Threadersteller
Dabei seit: 25.07.2005
Ort: Stuttgart
Alter: -
Geschlecht:
|
Verfasst Fr 02.09.2005 14:05
Titel
|
|
|
Danke für die Antwort. Die Lösung ist zwar für Bilder ganz brauchbar, aber sobald ich andere hover-Veränderungen wie z.b. HG-Farbe, Rahmen oder ähnliches ansprechen will, funktioniert dass nicht.
Hatte ich natürlich vergessen zu sagen: Es geht nicht nur um Bilder austauschen!
Kennt jemand die Methode mittels .htc-Datei?
|
|
|
|
|
Cojote
Dabei seit: 02.09.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 02.09.2005 15:09
Titel
|
|
|
Ja habe es vor längerer Zeit auch mal irgendwo gebraucht. Soweit ich mich erinnere hab ich das wie folgt gemacht:
1. Die htc-Datei heruntergeladen unter: http://www.xs4all.nl/~peterned/htc/csshover.htc
2. n Unterverzeichnis htc erstellen, hatte meins damals anders benamt ging glaube ich auch
3. folgendes in HEAD von html schreiben:
<!--[IF IE]><style type="text/css">
body{behavior: url(htc/csshover.htc) }
</style><![ENDIF]-->
Nachdem deklarierst du eine CSS-Klasse mit zugehörigem hover. Die kannst du dann innerhalb der Seite nutzen um die hover-Effekte zu erzeugen.
Kann aber sein dass es je nach Webserver nicht ohne Probleme funktioniert, da teilweise die .htc Datei nicht in mit dem notwendigen Mime Type text/x-component ausgeliefert wird.
|
|
|
|
|
gtz
Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht:
|
Verfasst Fr 02.09.2005 15:33
Titel
|
|
|
bei hoverwhatever is dochhaarklein erklärt, was du machen musst. du weist dem body als behaviour dieses .htc zu und fertig.
|
|
|
|
|
primu.s
Threadersteller
Dabei seit: 25.07.2005
Ort: Stuttgart
Alter: -
Geschlecht:
|
Verfasst Fr 02.09.2005 15:33
Titel
|
|
|
WIE GEIL IST DAS DENN BITTE!
Funktioniert wie SAU!!!!!
Ich bin dir unendlich dankbar, Cojote! Und so einfach!
Shake it baby!
Nur beim kopieren hast du die Auskommentierung mitkopiert. Hier ohne:
Code: | <style type="text/css">
body{behavior: url(csshover.htc) }
</style> |
|
|
|
|
|
primu.s
Threadersteller
Dabei seit: 25.07.2005
Ort: Stuttgart
Alter: -
Geschlecht:
|
Verfasst Fr 02.09.2005 15:39
Titel
|
|
|
@ gtc: Naja, manchmal brauch ich die Erklärung eben extra-einfach und auf deutsch.
|
|
|
|
|
thedrummer
Dabei seit: 24.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 24.10.2006 20:00
Titel
|
|
|
hi
ich hatte das gleiche problem mit dem hover, das dank der htc datei gelöst wurde.
allerdings tut sich mir jetzt ein problem mit a:visited auf, es nimmt einfach nicht die definierten Werte an
natürlich nur im IE nicht (bis vers. 6)
auch sonst fuktioniert das menu nicht einwandfrei (lezter punkt in 2. zeile, größestimmt net)
hier die adresse: www.bund-sigmaringen.de
das menu hab ich sozusagen "kopiert" , also nur auf meine bedürfnisse angepasst ( siehe im menu impressum-webmaster- anmerkungen)
|
|
|
|
|
|
|
|
Ähnliche Themen |
hover-Button/hover-Bild wird darunter eingefügt
Hover
box hover mit css
CSS a:hover IE 5.01
:hover und ie6
Hover und ie
|
|