Discussion :

[Anne-Sow31]

Bonjour,

J'ai un petit problème! Je vous explique, j'ai une page hTML avec un carte itinéraire de plusieurs points(1,2,3...) et j'ai une autre page HTML avec la description et une image de ces chaque point.
Je n'arrive pas a faire un lien sur la carte par exemple sur le point 4 qui renvoi dans la page description sur ce meme point.

Page description:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div class="demo">
    <div id="capslide_img_cont5" class="ic_container">
        <img src="images/hotel-bernuy.jpg" width="600" height="700" alt=""/>
        <div class="overlay" style="display:none;"></div>
        <div class="ic_caption">
            <p class="ic_category">N°10</p>
            <h3>Titre</h3>
            <p class="ic_text">blabla</p>
        </div>
    </div>
</div>

Page carte:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<img src="img/carte_itineraire1.jpg" class="itineraire" width="1100" height="800" usemap="#Map" border="0">
<map name="Map">
<area shape="circle" coords="896,547,28" href="cap.html">

Est ce que quelqu'un peut m'aider s'il vous plait??

[nef1912]

Bonjour,

Mets un id sur les éléments à pointer (genre le point 4 à id="point4" dans la page description).
Et après dans ta page carte, tu fais un simple lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="taPage.html#point4">Point 4</a>

Je ne sais pas si j'ai été clair mais bon

[Anne-Sow31]

Merci je viens d'essayer mais ça ne fonctionne pas j'ai mis :

Page description :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <div id="point10" class="demo" >
                <div id="capslide_img_cont5" class="ic_container">
                    <img src="images/hotel-bernuy.jpg" width="600" height="700" alt=""/>
                    <div class="overlay" style="display:none;"></div>
                    <div class="ic_caption">
                        <p class="ic_category">N°10</p>
                        <h3>Titre</h3>
                        <p class="ic_text">
                        blabla
                        </p>
                    </div>
                </div>
            </div>
            </div>

Page carte:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<img src="img/carte_itineraire1.jpg" class="itineraire" width="1100" height="800" usemap="#Map" border="0">
		<map name="Map">
 
            <area shape="circle" coords="603,706,27" href="cap.html#point10">
        </map>

Je comprends pas pourquoi ca ne marche pas

[nef1912]

Les deux pages sont au même endroit?

[Anne-Sow31]

OUi oui elles sont a la racine du site comme le fichier index et tout ca

[nef1912]

Et sans l'ancre le lien trouvait bien la page cible? Avec juste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

href="cap.html"