Une carte électorale americaine

Fermé

sekouba40 Messages postés 52 Date d'inscription samedi 27 octobre 2012 Statut Membre Dernière intervention 6 janvier 2014 - Modifié par sekouba40 le 16/12/2012 à 03:03
sekouba40 Messages postés 52 Date d'inscription samedi 27 octobre 2012 Statut Membre Dernière intervention 6 janvier 2014 - 19 déc. 2012 à 08:03

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:

Une carte électorale americaine
Carte d'identité - Accueil - Services publics
Pile carte mere - Guide
Créer une carte avec des points - Guide
Changer carte graphique - Guide
Blocage agriculteur carte en temps réel - Accueil - Transports & Cartes

2 réponses

Réponse 1 / 2

astuces72 Messages postés 7763 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 18 janvier 2025 1 639
Modifié par astuces72 le 16/12/2012 à 11:09

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 :)

Réponse 2 / 2

sekouba40 Messages postés 52 Date d'inscription samedi 27 octobre 2012 Statut Membre Dernière intervention 6 janvier 2014 11
19 déc. 2012 à 08:03

Merci astuces72, desolé je me suis absenté pendant quelque jours.
Merci je vais essayé tous ça et je vous mettrai au courant

Discussions similaires

Arnaque ou pas?

Carte roblox mal gratté illisible

carte Sim reconnue mais aucun service