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
A voir également:
- Une carte électorale americaine
- Carte d'identité - Accueil - Services publics
- Pile carte mere - Guide
- Mettre des points sur une carte - Guide
- Changer carte graphique - Guide
- Débloquer carte sim sans code puk - Guide
2 réponses
slt
essaye ça, j'ai mis des images piquées sur google pour tester.
Y'a surement mieux en html5 mais je ne connais pas encore :)
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 :)
