Html

Fermé
tcent - 14 janv. 2009 à 21:35
 tcent - 15 janv. 2009 à 22:40
Bonjour,
comment peut-on superposer un lien sur une image en html svp

j'ai mis une image du bresil dans un code et j'aimerais ensuite sur cette carte, superposer des liens avec des noms de villes pour que: lorsque l'on clique dessus on est une page avec la description de la ville etc

voila mon code a present:

<html>
<body background ="http://www-lshs.univ-paris13.fr/Enseignants/images/9/97/Etoiles.jpg">
<title>Le bresil dans sa splendeur</title>
<font size=8 color=red><b><i><U> <center><head>bresil, pays des rèves </U></i></b></font></center>
<br>
<hr>
<center>
<img src="http://img297.imageshack.us/img297/6652/br1gn4.jpg" border="0" >
</center>
</body>
</html>

ps: je ne veus pas que mon image devienne un lien du style <a href=...><img src=...></a>
je veus superposer des liens dessus

j'espere que vous pourrez m'aider
merci !

4 réponses

lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
14 janv. 2009 à 21:41
regarde du coté de MAP area ,cela te defini une zone de ton image en fonction de ses coordonées
https://www.commentcamarche.net/contents/497-images-en-html
0
a ui je n'avais jamais vue cette option dsl !
je vais tester demain vous dire si sa marche

merci beaucoup!!!
0
ca a bien marché ! merci
j'ai une autre question maintenant

<center>
<MAP NAME="les pays">
<AREA SHAPE="rect" COORDS="153,160,276,253" HREF="lien" title=são-paulo>
</MAP>

<img usemap="#les pays" name="sao paulo" src="http://img297.imageshack.us/img297/6652/br1gn4.jpg"
width="500" height="800" border="0" alt="sao paulo">
</MAP>
</center>


bon la ville est très mal placé s'était juste un test!
je voulais savoir s'il est possible de mettre le lien en couleur sur la carte pour le voir (sans modifier l'image de depart)
si oui ou doit on marquer color=x?
merci !!
0
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
15 janv. 2009 à 22:11
il va faloir recourir au CSS

a:link, a:visited, a:hover
{
color: #006699;// la couleur de ton lien
text-decoration: none;
}

c'est une réponse rapide ,il y a peut etre d'autres solutions mais à mon avis c'est la plus simple ;-)
0
okokok le CSS c'est mon prochain chapitre je vais attendre de voire comment l'utiliser alors :)
merci beaucoup!!!!!
0