hover (ich weiß einfach nicht weiter)

[robertko]

hi.
ich habe in dreamweaver mit css einen hover effekt mit bildern erstellt.
in firefox und safari funktioniert das wunderbar, aber der scheiß internet explorer kommt damit nicht klar.

kann mir jemand sagen, was ich falsch gemacht habe???

CSS:

#abwi
{
	display:block;
	background:url(Bilder/Abwicklung-Button-0.png);
	width:139px;
	height:50px;
	margin-left:67px;
	margin-top:-50px;
}
#abwi:hover
{
	background:url(Bilder/Abwicklung-Button-1.png);
}

<a id="abwi" href="#abwicont"></a>

 

[Rashka]

AW: hover (ich weiß einfach nicht weiter)

Wir hatten ein ähnliches Problem bei unserer Firmenwebsite!

Wir haben das für IE mit javascript gelöst:

In den header:

        <script type="text/javascript">
        <!--
        function over(id) {
            document.getElementById("nav"+id).style.backgroundImage = "url(img/navbg2.jpg)";
        }
        
        function over(id) {
            document.getElementById("nav"+id).style.backgroundImage = "url(img/navbg3.jpg)";
        }
        function out(id) {
            document.getElementById("nav"+id).style.backgroundImage = "url(img/navbg2.jpg)";
        }
        -->
        </script>

an die jeweilige stelle des hovers:

<li id="nav1"><a onmouseover="javascript:over(1)" onmouseout="javascript:out(1)" href="">Start</a></li>

Demnach bleibt der Imghover in der css aus. Im CSS hab ich damals leider auch keine Lösung gefunden, aber vielleicht hat hier ja noch wer ne Idee parat



Gruß
Rashka

 

[Indium1]

AW: hover (ich weiß einfach nicht weiter)

Hallo Rashka,

haben Sie schon mal darüber nachgedacht was man sieht falls jemand Active Scripting im Internet Explorer deaktiviert hat, rein gar nichts!!! Das ist bei einer Firmenpräsenz schon ein absolutes Armutszeugnis, sorry das ich dieses so sagen muss. Bedenken Sie bitte, Javascripte sollte man nur dann anwenden wenn es “unbedingt“ benötig wird!!!

Gruß,

Indium1


Hallo robertko,

leider unterstützen Opera und der Internet Explorer bis zur Version 6 :hover nur für <a>-Tags, versuchen Sie mal folgendes:

CSS Code:

a.abwi {
display:block;
width:139px;
height:50px;
margin-left:67px;
margin-top:-50px;
}
a.abwi:link, a.abwi:visited {
background-image:url(Bilder/Abwicklung-Button-0.png);
background-repeat:no-repeat;
}
a.abwi:hover {
background-image:url(Bilder/Abwicklung-Button-1.png);
background-repeat:no-repeat;
}

Html Code:

<a class="abwi" href="#abwicont">abwicont</a>

Im Übrigen würde ich Ihnen anraten Ihre Website auf Fehler zu prüfen bei:

http://validator.w3.org/

und

http://jigsaw.w3.org/css-validator/


Viele weitere Anregungen zu Websites können Sie auch noch bei http://forum.de.selfhtml.org/ finden.

Ich hoffe dass ich Ihnen weiterhelfen konnte.


Gruß,

Indium1

 

[Rashka]

AW: hover (ich weiß einfach nicht weiter)

Hallo Rashka,

haben Sie schon mal darüber nachgedacht was man sieht falls jemand Active Scripting im Internet Explorer deaktiviert hat, rein gar nichts!!! Das ist bei einer Firmenpräsenz schon ein absolutes Armutszeugnis, sorry das ich dieses so sagen muss. Bedenken Sie bitte, Javascripte sollte man nur dann anwenden wenn es “unbedingt“ benötig wird!!!

Gruß,

Indium1

Da muss ich im code was vergessen haben, sorry.

Unser page funktioniert auch ohne active scripting. (ip-bizaps.com)
Ich werde aber wohl auch mal deine css variante weitergeben

Gruß
Rashka

 

[robertko]

@Indium1

danke,
aber auch das funktionert nicht.
ich weiß nicht warum, ich verstehe das nicht.
in safari und firefox funktioniert deine methode, aber in IE nicht.
ich teste jede veränderung in allen browsern um sicherzugehen, dass die seite perfekt angezeigt wird. alles funktioniert, nur der hover im IE vers. 6 nicht.
was kann ich tun??
ich habe auf selfthml mal einiges nachgelesen und habe mal das beispiel für den hover effekt im IE geladen und siehe da, er funktioniert. also habe ich meinen code genauso geschrieben, und selbst das klappt nicht. ich habe den code 1 zu 1 übernommen und nur die bilddatein angeglichen. und nichts passiert.
nicht nur der hover effekt funktioniert nicht, auch die link funktionen geht nicht. also nach klick, passiert gar nichts.

brauche dringend hilfe

ich habe es jetzt mit der dreamweaver eigenen option für rolloverbilder gemacht. klappt wunderbar.

 

[WebMediaService]

AW: hover (ich weiß einfach nicht weiter)

Vielleicht liegt es an der Version des IE6. Es gibt zwei verschiedene Versionen, wobei die Version 6.00.2800.1106 weder noch unterstütz. Es gibt aber einen IE Hacklösung für ein Hover. Aber auch das ist eine schlechte Lösung für eine Website.
Da der IE 6 fast ausgestorben ist, spielt das sogut wie keine Rollen mehr.
Achte nur darauf, dass die Seite gut angezeigt wird und dann ist´s gut.

 

[cebito]

AW: hover (ich weiß einfach nicht weiter)

Da der IE 6 fast ausgestorben ist, spielt das sogut wie keine Rollen mehr.

So, fast ausgestorben? Je nach Klientel der Seite hat der IE6 immer noch einen geschätzten Anteil von einstellig bis über 30% (manche sagen über 40%).

 

[highjanni]

AW: hover (ich weiß einfach nicht weiter)

muß es nicht heißen

#abwi a {}

und

#abwi a:hover {}

 

[highjanni]

AW: hover (ich weiß einfach nicht weiter)

So, fast ausgestorben? Je nach Klientel der Seite hat der IE6 immer noch einen geschätzten Anteil von einstellig bis über 30% (manche sagen über 40%).

leider leider! es wird zeit das der stirbt......der nervt einfach nur.
wenn jemand probleme macht denn doch immer der IE.....ätzend ist das!

 

[eytibi]

AW: hover (ich weiß einfach nicht weiter)

Der IE behält auch viele Dateien gerne mal im Cache. Ein einfaches STRG-F5 bedeutet noch lange nicht, dass er die CSS-Dateien, Bilder, etc. neu lädt.

Diese seltsame Erfahrung habe ich zumindest schon des öfteren gemacht.