vorschaubild

[tropenberta]

hi leuts

möchte bei mouseover bei nem image ein vorschaubild anzeigen lassen.

  
<div id="plenum"><a href="http://...><img width="40"... /></a></div>  
  
<div id="autoplenum_vorschau"><img id=" ... /></div>  

  
#autoplenum_vorschau {  
position:fixed;  
right:51px;  
top:220px;  
display:none;  
}  
  
#plenum a:hover #autoplenum_vorschau {  
display:block;  
}  

klappt so irgendwie nicht. ist meine denk richtung überhaupt richtig oder muss ich es mit js lösen ?

lg
micha

[Tabellenkalk]

Hallo,

klappt so irgendwie nicht.

ich vermute du meinst ein Bild von einem Klappstuhl. Für eine Bewegung in einem Bild, sogenannte Animation, musst du ein GIF nehmen.

Gruß
Kalk

[tropenberta]

hi tabellenkalk

danke dir für deine antwort.
aber ich glaube du hast da was falsch verstanden.
möchte nix animieren.
ich will ganz einfach wenn man mir der maus über element 1 fährt das das element 2 display:block bekommt.

lg
nicha

[M.]

Mahlzeit,

#plenum a:hover #autoplenum_vorschau {

  
Vergleich das nochmal mit deinem HTML  

-- 
42

[tropenberta]

moin m.

vielen dank für die antwort.
aber leider check ich nicht was du meinst, sry.
habs auch schon so versucht:

  
#plenum:hover #autoplenum_vorschau {  
display:block;  
}  
  
#plenum a img:hover #autoplenum_vorschau {  
display:block;  
}  
  
#plenum img:hover #autoplenum_vorschau {  
display:block;  
}  

wenn man über #plenum mit der maus drüber fährt soll der #autoplenum_vorschau display:block bekommen und wenn man mit der maus wieder runter geht solls wieder verschwinden.

lg
micha

[Matthias Apsel]

Om nah hoo pez nyeetz, tropenberta!

wenn man über #plenum mit der maus drüber fährt soll der #autoplenum_vorschau display:block bekommen und wenn man mit der maus wieder runter geht solls wieder verschwinden.

HTML und CSS passen nicht zusammen. Du bist doch auch schon länger dabei, informiere dich im Wiki über geeignete Selektoren.

Matthias

[tropenberta]

hi Matthias

mann, mann. yo jetzt habs ich kapiert.
manchmal gehört mir echt ne schelln.

danke für den schubser.

  
<div id="plenum">  
  <div id="plenum_vorschau"></div>  
</div>  

dann klappts auch.

lg
micha