Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Zone cliquable ou couche

2 réponses
Avatar
R Vuille
Bonjour,
Je réalise actuellement une carte qui progresse au fur et à mesure du
dévellopement du site.
Sur cette carte j'introduit de nouveaux lieux cliquablent donc modification
de l'image de base en rajoutant des points rouge par exemple.
Mais à chaque fois je dois redéfinir ces zone dans FP et toutes les zones.

J'ai essayé d'utiliser les couches pour éviter de faire cela, mais le
problèmes avec les couches, elles ne restent pas positionnées à la bonne
place selon les résolution utilisées. Si je met l'image dans un tableau
l'ancre de la couche est bien dans le tableau mais c'est pas vrai ! La
référence se trouve en haut de la page à gauche. donc les couches ne sont
plus à la bonne place.

Une idée un truc ?

PS il pourrait y avoir plusieurs dizaines de zone cliquable sur une images

--
Merci et bonnes salutations
Pour m'écrire enlever le x xrmvuille@freesurf.ch
www.rmvuille.ch généalogie et site personnel.
Visitez www.saphirw.ch une idée cadeau ?

2 réponses

Avatar
B. M.
R Vuille a écrit :
Bonjour,
Je réalise actuellement une carte qui progresse au fur et à mesure du
dévellopement du site.
Sur cette carte j'introduit de nouveaux lieux cliquablent donc modification
de l'image de base en rajoutant des points rouge par exemple.
Mais à chaque fois je dois redéfinir ces zone dans FP et toutes les zones.

J'ai essayé d'utiliser les couches pour éviter de faire cela, mais le
problèmes avec les couches, elles ne restent pas positionnées à la bonne
place selon les résolution utilisées. Si je met l'image dans un tableau
l'ancre de la couche est bien dans le tableau mais c'est pas vrai ! La
référence se trouve en haut de la page à gauche. donc les couches ne sont
plus à la bonne place.

Une idée un truc ?

PS il pourrait y avoir plusieurs dizaines de zone cliquable sur une images



Etudie un peu les possibilités de positionnement avec les feuilles de
style. Si tu met ton image dans un bloc qui peut être une <div> et que
tu met tes "couches" dans cette même div en position absolue, leur
référence va être le coin supérieur gauche de la div et non pas celui de
la page.
En résumé :
Dans la zone body :
<div id ="conteneur"><img src="image-de-base.gif">
<div id="couche1"><a href="lien1><img src="point-rouge.gif"></a></div>
<div id="couche2 ...</div>
....
</div>

Dans la zone head dans une balise style ou dans une feuille de style
externe :
#conteneur {position: absolute; top: aaapx; left: bbbpx; width: cccpx;
height: dddpx}
#couche1 {position absolute; top: xxxpx; left:yyypx}
#couche2 {position absolute; top: zzzpx; left:uuupx}

Regarde la page index du site dans ma signature, les liens sur la carte
sont positionnés comme ça et ne bougent pas en fonction de la résolution
puisqu'un pixel reste un pixel quel que soit la machine.
--
B. M.
http://www.america-dreamz.com
Avatar
R Vuille
Bonjour,
Merci pour la réponse.

Un div est bien une zone tableau comme ci-dessous ?
Si je met div center comme j'aurais voulu, là ce pose le problème.
Si je le met à gauche ne pose pas le problème, mais comme j'ai souvent des
modifications sur les cartes rajout de points ou modification pour avoir une
carte plus détaillée (zoom). Il faut refaire à chaque fois les zones... Je
regarde si la possibilité de faire ces changement en utilisant Corel Draw et
exporter en HTML avec zone réactifs.

<div align="left">
<table border="0" cellspacing="1" style="border-collapse: collapse"
width="800" id="table1" height="573">
<!-- MSTableType="nolayout" -->
<tr>
<td width="800">
<p align="center"><font size="6"><b>Suisse - Schweiz -
Svizzera</b></font></td>
</tr>
<tr>
<td width="800" height="550" valign="middle">
<p>
<map name="FPMap0">
<area target="_self" alt="Canton de Berne - Kanton Bern"
href="berne/carte_montres_canton_berne.htm" shape="rect" coords="259, 229,
302, 277">
<area target="_self" alt="Kanton Zürich - Canton de Zürich"
href="zurich/canton_zurich.htm" shape="rect" coords="426, 114, 464, 158">
</map>
<img border="0" src="carte_suisse_selection.jpg" width="753" height="550"
usemap="#FPMap0"></td>
</tr>
</table>
</div>


--
Merci et bonnes salutations
Pour m'écrire enlever le x
www.rmvuille.ch généalogie et site personnel.
Visitez www.saphirw.ch une idée cadeau ?



"B. M." a écrit dans le message de
news:cg3ca3$3hs$
R Vuille a écrit :
> Bonjour,
> Je réalise actuellement une carte qui progresse au fur et à mesure du
> dévellopement du site.
> Sur cette carte j'introduit de nouveaux lieux cliquablent donc


modification
> de l'image de base en rajoutant des points rouge par exemple.
> Mais à chaque fois je dois redéfinir ces zone dans FP et toutes les


zones.
>
> J'ai essayé d'utiliser les couches pour éviter de faire cela, mais le
> problèmes avec les couches, elles ne restent pas positionnées à la bonne
> place selon les résolution utilisées. Si je met l'image dans un tableau
> l'ancre de la couche est bien dans le tableau mais c'est pas vrai ! La
> référence se trouve en haut de la page à gauche. donc les couches ne


sont
> plus à la bonne place.
>
> Une idée un truc ?
>
> PS il pourrait y avoir plusieurs dizaines de zone cliquable sur une


images
>
Etudie un peu les possibilités de positionnement avec les feuilles de
style. Si tu met ton image dans un bloc qui peut être une <div> et que
tu met tes "couches" dans cette même div en position absolue, leur
référence va être le coin supérieur gauche de la div et non pas celui de
la page.
En résumé :
Dans la zone body :
<div id ="conteneur"><img src="image-de-base.gif">
<div id="couche1"><a href="lien1><img src="point-rouge.gif"></a></div>
<div id="couche2 ...</div>
....
</div>

Dans la zone head dans une balise style ou dans une feuille de style
externe :
#conteneur {position: absolute; top: aaapx; left: bbbpx; width: cccpx;
height: dddpx}
#couche1 {position absolute; top: xxxpx; left:yyypx}
#couche2 {position absolute; top: zzzpx; left:uuupx}

Regarde la page index du site dans ma signature, les liens sur la carte
sont positionnés comme ça et ne bougent pas en fonction de la résolution
puisqu'un pixel reste un pixel quel que soit la machine.
--
B. M.
http://www.america-dreamz.com