nicht angemeldet
Einfaches Problem ?!
Hi Leute... ich hab jetzt echt schon lang rumprobiert ... aber sogar die Beispiel von hier oder von anderen Seiten haben nicht weiter geholfen...
Ich möchte mit CSS machen das ein Link ein Bild hat und wenn man drüber hover das halt ein anderes Bild angezeigt wird.
Hier hab ich das simpelste Programm von mir womit ich Versuch den HOVER Effekt mit CSS zu bekommen.
---------------------------------
<html>
<head>
<title>Hover von Links</title>
<style type="text/css">
.hover:link {background-image:url(Bild1.bmp)}
.hover:visited {background-image:url(Bild1.bmp)}
.hover:active {background-image:url(BILD2.bmp)}
.hover:hover {background-image:url(BILD2.bmp)}
</style>
</head>
<body>
<a href="http://www.google.de" class="hover">Google</a>
</body>
</html>
---------------------------------
...
So wie ich das sehe sind da keine Fehler oder so ... aber trotzdem geht es nicht !!! Es wird nur der Link "GOOGLE" angezeigt aber nicht das Bild was ich will...!!!
-
Hallo,
Ich glaube, dass muss so
<style type="text/css">
a {}
.hover:link {background-image:url(Bild1.bmp)}
oder so
a.hover:visited {background-image:url(Bild1.bmp)}.hover:visited {background-image:url(Bild1.bmp)}
.hover:active {background-image:url(BILD2.bmp)}
.hover:hover {background-image:url(BILD2.bmp)}
</style>aussehen!?
bydey
--
-- noch immer ein erfolgloser <DIV> Jünger ---
hmm ... also ber mir gehts echt net !!! kannst mir evtl. die datei von dir mir per email schicken ??
währe cool...
thx
-
-
Hi,
stimmen die Pfade zum Bild?
Vielleicht mal mit einem internet-fähigem Bild probieren (nicht .bmp, sondern .gif, .jpg, .png)?Gruss
Alix -
Hi nochmal,
ich habs gerade ausprobiert. bei mir funktionierts auch mit den .bmp-Bildern.
Es muss also am Pfad zu den Bildern liegen. die bilder müssen im gleichen Verzeichnis wie die html-Datei sein.
Ich rate Dir dennoch, andere Bildformate zu verwenden. .bmp-Bilder sind um einiges größer als .jpg oder .gif.
Gruss
Alix -
<style type="text/css">
.hover:link {background-image:url(Bild1.bmp)}
.hover:visited {background-image:url(Bild1.bmp)}
.hover:active {background-image:url(BILD2.bmp)}
.hover:hover {background-image:url(BILD2.bmp)}
</style>Dein Problem ist die Reihenfolge der Pseudoklassen für Verweise.
--
selfcode: ie:% fl:( br:> va:) ls:& rl:( n4:~ ss:| de:> js:( ch:? mo:} zu:)
Möge die Nacht auch noch so dunkel sein, der Morgen wird kommen und dich belästigen.