Discussion :

[Whombat]

Bonjour,

J'ai l'impression que ce doit être bête comme chou mais je n'y arrive pas en PHP / CSS.

Je voudrais, sur une image réactive, faire apparaitre un DIV au survol (hover). Mais ça coince...

Quelqu'un pourrait me tuyauter ? A moins que ce soit impossible parce que j'en ai essayé des combinaisons...

Merci de votre aide.

Cordialement.

[supersnail]

Bonjour,
Passe plûtot par javascript...

Un exemple de code:
La partie javascript (à mettre entre balises <script> et </script>)

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
function showDiv()
{
     document.getElementById("mondiv").style.visibility="visible";
}
function hideDiv()
{
     document.getElementById("mondiv").style.visibility="hidden";
}

et dans ta partie html,le code,où tu rajoute à la fin de ton area ce code (à l'intérieur du <area />)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
onmouseover="showdiv()" onmouseout="hideDiv()"

[Whombat]

Tout d'abord, merci pour la réponse.

C'est vrai, je sais que ça peut donner un coup de main, mais j'ai du mal à utiliser javascript.

J'ai un bouquin, il va falloir que je le relise. Les "document.getElementById" je pige pas. Je suupose donc que mon image doit être déclarée avec un id ?

[supersnail]

arf j'ai oublié de le préciser..
c'est ton div qui doit avoir un id..
ton dive doit ressembler à ça:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="mondiv" style="visibility:hidden">blabla</div>

[Whombat]

J'avais pas capté...

En fait, ce n'est pas le hover de l'image qui fonctionne mais le div lui-même, à son survol...

Là, je n'avais pas pensé à ça. Ce qui revient à dire que le div doit être pile à la taille et à la position de l'image, ce qui revient à dire encore que l'image n'est pas dans la page (trop aléatoire en fonction de l'écran, etc...) mais elle-même sur un div..

Bon, je deviens intelligent : le div, je lui mets l'image en background et ça fait la rue Michel, non ?

[supersnail]

Euh.. j'ai du mal à suivre là..
Tu peux me montrer ce que tu as écrit?