DIV
hawksf117a
-
hawksf117a -
hawksf117a -
Bonjour,
voici ce que je souhiate faire.
s'il y un moyen plus simple merci de me l'indiquer.
mon but est de placer sur une carte du monde des points.
en cliquant sur ces points je veux aller sur une page.
pour afficher la carte du monde: (arrière plan)
<div align="center" z-index:0><img src="images/world.png"></div>
pour les points sur la carte:
<script>
if(document.layers) { layer01 = document.point1 }
else if (document.getElementById) { layer01 = document.getElementById("point1").style }
else if (document.all) {layer01 = point1.style }
layer01.left = 545;
layer01.top = 98;
</script>
<div id="point1" style="position:absolute; top=98px; left=545px; z-index:1">
<a href="/*je mettrais le lien vers la page*/">
<img src='images/point.gif'>
</a>
</div>
mon problème est que ça ne marche pas du tout.
j'aimerais bien une solution qui fonctionne sous IE et Mozilla. enfin tout navigateur.
Merci pour votre aide et conseils !!!
voici ce que je souhiate faire.
s'il y un moyen plus simple merci de me l'indiquer.
mon but est de placer sur une carte du monde des points.
en cliquant sur ces points je veux aller sur une page.
pour afficher la carte du monde: (arrière plan)
<div align="center" z-index:0><img src="images/world.png"></div>
pour les points sur la carte:
<script>
if(document.layers) { layer01 = document.point1 }
else if (document.getElementById) { layer01 = document.getElementById("point1").style }
else if (document.all) {layer01 = point1.style }
layer01.left = 545;
layer01.top = 98;
</script>
<div id="point1" style="position:absolute; top=98px; left=545px; z-index:1">
<a href="/*je mettrais le lien vers la page*/">
<img src='images/point.gif'>
</a>
</div>
mon problème est que ça ne marche pas du tout.
j'aimerais bien une solution qui fonctionne sous IE et Mozilla. enfin tout navigateur.
Merci pour votre aide et conseils !!!
A voir également:
- DIV
- Div c++ - Télécharger - Langages
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Div pascal - Télécharger - Édition & Programmation
- Div cote a cote - Forum CSS
- Div onload - Forum Javascript
8 réponses
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
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 ;)
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
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.
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>
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!!!
