Une carte électorale americaine

sekouba40 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   -  
sekouba40 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   -
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

A voir également:

2 réponses

Réponse 1 / 2
astuces72 Messages postés 7769 Date d'inscription   Statut Membre Dernière intervention   1 641
 
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 :)
0
Réponse 2 / 2
sekouba40 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   11
 
Merci astuces72, desolé je me suis absenté pendant quelque jours.
Merci je vais essayé tous ça et je vous mettrai au courant
0