Hover Effekt

Computer: Software & Programmierung HTML & CSS
#1

sup ppl,

habe ein .div Container erstellt und möchte nun ein paar Links, die jeweils zu verschiedenen Bilder führen, unter dem .div Container platzieren. Meine Frage, wie kann ich den entsprechenden Links ein Hover Effekt zuweisen, dass bei Mouseover das Bild im .div anzeigt?

Thanks in advance!!!
wizzygurl

#2

Hallo,

habe ein .div Container erstellt und möchte nun ein paar
Links, die jeweils zu verschiedenen Bilder führen, unter dem
.div Container platzieren. Meine Frage, wie kann ich den
entsprechenden Links ein Hover Effekt zuweisen, dass bei
Mouseover das Bild im .div anzeigt?

Du kannst den Umweg über das background-image gehen, dessen URL du in deinen a:hover setzen kannst.

Grüße,
Moritz

#3

genau sowas findest du dann unter
http://abc-xyz.no-ip.org/firstfinestimage/menucss.css

der HTML

ffi - first finest image - home

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#4

Hallo,

Ich weiss, das nicht ganz was du meintest oder ?

#5

Hallo,

Ich weiss, das nicht ganz was du meintest oder ?

Hier schau mal, ich hätte es gerne so, wie dieser junge Mann es auf seiner Seite gemacht hat…

http://www.myspace.com/martin414

#6

Dann nimm das doch :

\<div class="none"\>
a.class2:link,
a.class2:visited,
a.class2:active{
 color: ff2222;
 font-family:arial, verdana, tahoma, sans-serif;
 font-size:10px;
 text-decoration:none;
 }
a.class2: span{
 display:none;
 }

a.class2:hover span {
 display: block;
 position: absolute; 
top:180px;
left:540px;
 width: 250px; 
 padding: 10px; 
 margin: 10px; 
 z-index: 5; 
 color: ee8822; 
 background: black;
 filter:none;
 font-size: 10px;
 font-family: arial, verdana, tahoma, sans-serif; 
 text-align: center;
 text-decoration:none;
 }

a span{
 display:none;
 }

a.class2:hover span a:hover span {
 display: block;
 position: absolute; 
 top: 15px; 
 left: 30; 
 width: 150px;
 padding: 5px; 
 margin: 10px; 
 z-index: 5;
 color: white; 
 background: 
 black;filter:none;
 font-size: 10px;
 font-family: arial, verdana, tahoma, sans-serif; 
 text-align:center;
 text-decoration:none;
 }
\</div\>

TOP FRIENDS:
|
Johnny
|

Marco
|

Cesar
|

Jose
|

Lizeth
|

Desiree
|

Shadia
|

Alvaro
|

T.J.

|

Andres
|

Manuel

mehr ist es nicht. nciht wundern die Bilder brauchen etwas zum laden.

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]