Une carte électorale americaine
sekouba40
Messages postés
66
Statut
Membre
-
sekouba40 Messages postés 66 Statut Membre -
sekouba40 Messages postés 66 Statut Membre -
Bonjour,
J'ai dreamweaver CS6, windows 7 et je suis debutant en webmastering.
je cherche à faire une carte comme cette americaine de resultat des elections presidentielles:
https://elections.huffingtonpost.com/2012/results
Càd: quand la sourie passe dessus, une autre image s'affiche à sa place en meme temps qu'une sorte de menu remplit de données.
Quelqu'un pourrait il m'aider ?
Je signale que je ne connais pas trop java script.
Sinon j'ai essayé de combiner insertion>Objet_image avec spry menubar, mais j'arrive pas.
Merci d'avance
J'ai dreamweaver CS6, windows 7 et je suis debutant en webmastering.
je cherche à faire une carte comme cette americaine de resultat des elections presidentielles:
https://elections.huffingtonpost.com/2012/results
Càd: quand la sourie passe dessus, une autre image s'affiche à sa place en meme temps qu'une sorte de menu remplit de données.
Quelqu'un pourrait il m'aider ?
Je signale que je ne connais pas trop java script.
Sinon j'ai essayé de combiner insertion>Objet_image avec spry menubar, mais j'arrive pas.
Merci d'avance
2 réponses
-
slt
essaye ça, j'ai mis des images piquées sur google pour tester.<html> <head> <STYLE type="text/css"> a.cadre { position: relative; color: #900; text-decoration: none; } a.cadre span { display: none; border: 1px solid #333; height: 150px; width: 100px; } a.cadre:hover { background: none; z-index: 1; } a.cadre:hover span { display: block; position: absolute; top: 10px; left: 50px; width: 200px; background:#FF9;/ text-align: center; } </STYLE> </head> <body> <a href="#" class="cadre"><img src="https://www.google.fr"> <span> Texte <img src="https://www.google.fr"> </span></a> <br> <br> <a href="#" class="cadre"><img src="http://www.lemonde.fr/medias/www/1.2.38/img/widget/igoogle/lemondefr_widget2.gif"> <span> Texte <img src="http://www.lemonde.fr/medias/www/1.2.38/img/widget/igoogle/lemondefr_widget2.gif"> </span></a> </body> </html>
Y'a surement mieux en html5 mais je ne connais pas encore :) -
Merci astuces72, desolé je me suis absenté pendant quelque jours.
Merci je vais essayé tous ça et je vous mettrai au courant
