A voir également:
- DIV
- Div c++ - Télécharger - Langages
- #Div/0 excel moyenne - Guide
- Remplacer #div/0 par vide - Forum Bureautique
- Div cote a cote - Forum CSS
- Div x - Télécharger - Conversion & Codecs
8 réponses
Psyk974
Messages postés
551
Date d'inscription
lundi 2 février 2009
Statut
Membre
Dernière intervention
30 mars 2010
51
11 févr. 2009 à 05:30
11 févr. 2009 à 05:30
Salut,
Tiens voilà un petit lien pour ce que tu cherches exactement à faire.
http://fr.selfhtml.org/html/graphiques/compose_liens.htm
Tiens voilà un petit lien pour ce que tu cherches exactement à faire.
http://fr.selfhtml.org/html/graphiques/compose_liens.htm
974_Vin's_974
Messages postés
547
Date d'inscription
vendredi 23 janvier 2009
Statut
Membre
Dernière intervention
19 février 2009
102
11 févr. 2009 à 05:46
11 févr. 2009 à 05:46
Je pense que le div n'est as nécessaire, fait rtout simplement comme ca :
<a href="/*je mettrais le lien vers la page*/"><img src="images/point.gif"></a>
Tu mais ca plusieurs fois, aux endroits que tu veux, avec des page bien sur diférentes ... Ca doit marché sans probleme ;)
<a href="/*je mettrais le lien vers la page*/"><img src="images/point.gif"></a>
Tu mais ca plusieurs fois, aux endroits que tu veux, avec des page bien sur diférentes ... Ca doit marché sans probleme ;)
Psyk974
Messages postés
551
Date d'inscription
lundi 2 février 2009
Statut
Membre
Dernière intervention
30 mars 2010
51
11 févr. 2009 à 05:49
11 févr. 2009 à 05:49
Non, la personne aimerait que sur une même image il y ait plusieurs liens.
Genre une carte de la france avec :
- un lien pour afficher la ville de PARIS
- un lien pour afficher la veille de NANTES
...
Donc il faut utiliser la balise "<map>" fournit dans le tuto de mon précédent POST.
Genre une carte de la france avec :
- un lien pour afficher la ville de PARIS
- un lien pour afficher la veille de NANTES
...
Donc il faut utiliser la balise "<map>" fournit dans le tuto de mon précédent POST.
974_Vin's_974
Messages postés
547
Date d'inscription
vendredi 23 janvier 2009
Statut
Membre
Dernière intervention
19 février 2009
102
11 févr. 2009 à 06:20
11 févr. 2009 à 06:20
Ah ok au temps pour moi ;) loool
hawkf117a
Messages postés
2
Date d'inscription
mercredi 11 février 2009
Statut
Membre
Dernière intervention
11 février 2009
11 févr. 2009 à 21:33
11 févr. 2009 à 21:33
Bonjour!!!
merci c bien ce que je veux!!!
nikel
a part un petit truc : il y a bien un lien qui apparait sur la carte : mais il n'y a rien qui indique qu'il existe un lien sur la carte:
je m'explique : c'est une carte du monde noir : sans rien.
je compte rajouter des points au fur et a mesure (ce point rajouté peut etre une image exemple un petit drapeau) de sorte que lorsqu'on passe la souris sur le drapeau, un petit texte apparaisse.
je pensais qu'avec ma methode ça pouvait marcher mais non.
la votre est nikel : simple à mettre en place : mais il manque donc 2 choses: le texte qui apparait mais surtout une image que je pourrais mettre avec le lien.
Merci pour votre aide si vous avez des idées
merci c bien ce que je veux!!!
nikel
a part un petit truc : il y a bien un lien qui apparait sur la carte : mais il n'y a rien qui indique qu'il existe un lien sur la carte:
je m'explique : c'est une carte du monde noir : sans rien.
je compte rajouter des points au fur et a mesure (ce point rajouté peut etre une image exemple un petit drapeau) de sorte que lorsqu'on passe la souris sur le drapeau, un petit texte apparaisse.
je pensais qu'avec ma methode ça pouvait marcher mais non.
la votre est nikel : simple à mettre en place : mais il manque donc 2 choses: le texte qui apparait mais surtout une image que je pourrais mettre avec le lien.
Merci pour votre aide si vous avez des idées
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
hawkf117a
Messages postés
2
Date d'inscription
mercredi 11 février 2009
Statut
Membre
Dernière intervention
11 février 2009
11 févr. 2009 à 21:41
11 févr. 2009 à 21:41
petite précision
ne vous en faites pas j'ai bien lu le lien que vous m'avez indiqué
http://fr.selfhtml.org/html/graphiques/compose_liens.htm
il y a l'option : title="Mon texte affiché"
mais si possible j'aimerais bien afficher un truc plus élaboré en retravaillant la couleur du texte et/ou de police etc
j'arrive à placer une image mais il ne se met pas du tout ou je veux.
si vous avez une idée du problème....
<div align="center" z-index:0 id="world">
<img src="images/world.png" border="0" usemap="#world" />
<map name="world" id="world">
<area shape="rect" coords="157,86,183,104" href="montreal.php" alt="Montreal" title="Montreal">
</map>
<img class="dot" style="left:150px; top:100px" src="images/point.png" />
</div>
avec dans mon fichier CSS :
#world {
position: relative;
border: 0;
width: 800px;
height: 400px;
margin-left: auto;
margin-right: auto;
}
#world .dot {
position: absolute;
height: 7px;
display: block;
}
___________________________________________________________________________________
Aprés plusieurs tests: j'arrive à déplacer le point sous IE mais sous firefox : rien du tout!!!!
<div align="center" z-index:0 id="world">
<img src="images/world.png" border="0" usemap="#world" />
<map name="world" id="world">
<area shape="rect" coords="157,86,183,104" href="Canada_montreal/montreal.php?lds=fr" alt="Montreal" title="Montreal">
</map>
<div z-index:1><img class="dot" style="left:150px; top:100px" src="images/point.png" /> </div>
</div>
Merci pour votre aide.
ne vous en faites pas j'ai bien lu le lien que vous m'avez indiqué
http://fr.selfhtml.org/html/graphiques/compose_liens.htm
il y a l'option : title="Mon texte affiché"
mais si possible j'aimerais bien afficher un truc plus élaboré en retravaillant la couleur du texte et/ou de police etc
j'arrive à placer une image mais il ne se met pas du tout ou je veux.
si vous avez une idée du problème....
<div align="center" z-index:0 id="world">
<img src="images/world.png" border="0" usemap="#world" />
<map name="world" id="world">
<area shape="rect" coords="157,86,183,104" href="montreal.php" alt="Montreal" title="Montreal">
</map>
<img class="dot" style="left:150px; top:100px" src="images/point.png" />
</div>
avec dans mon fichier CSS :
#world {
position: relative;
border: 0;
width: 800px;
height: 400px;
margin-left: auto;
margin-right: auto;
}
#world .dot {
position: absolute;
height: 7px;
display: block;
}
___________________________________________________________________________________
Aprés plusieurs tests: j'arrive à déplacer le point sous IE mais sous firefox : rien du tout!!!!
<div align="center" z-index:0 id="world">
<img src="images/world.png" border="0" usemap="#world" />
<map name="world" id="world">
<area shape="rect" coords="157,86,183,104" href="Canada_montreal/montreal.php?lds=fr" alt="Montreal" title="Montreal">
</map>
<div z-index:1><img class="dot" style="left:150px; top:100px" src="images/point.png" /> </div>
</div>
Merci pour votre aide.
williom
Messages postés
230
Date d'inscription
dimanche 3 octobre 2004
Statut
Membre
Dernière intervention
2 juillet 2009
51
12 févr. 2009 à 18:36
12 févr. 2009 à 18:36
Bonjour,
Pourquoi ne pas modifier l'image de fond directement avec photoshop ou gimp , tu ajoutes tes images dessus...
Pourquoi ne pas modifier l'image de fond directement avec photoshop ou gimp , tu ajoutes tes images dessus...
au moins sous IE le code ci-dessous marche : le point s'affiche là ou je veux... par contre sous netscape ça ne fonctionne pas. savez vous pourquoi?
<div style="position:absolute; top=235px; left=470px; z-index:1">
<a href="#Europe"> <img src="images/dot.png"> </a>
</div>
<div style="position:absolute; top=235px; left=470px; z-index:1">
<a href="#Europe"> <img src="images/dot.png"> </a>
</div>
+1
a priori a ce que j'ai pu comprendre ça ne fonctionne pas de la meme maniere...
il faudrait passer par des layer sous netscape ou firefox. comme ci dessous : mais ça ne marche toujours pas :'(
<layer name="dot1" left="470" top="100" z-index="1">
<a href="#Europe"> <img src="images/dot.png"> </a>
</layer>
donc là je sais pas d'ou vient mon erreur!!!
il faudrait passer par des layer sous netscape ou firefox. comme ci dessous : mais ça ne marche toujours pas :'(
<layer name="dot1" left="470" top="100" z-index="1">
<a href="#Europe"> <img src="images/dot.png"> </a>
</layer>
donc là je sais pas d'ou vient mon erreur!!!
