Liens vers ancres dans autre div
laurent
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai créé une GooglePage en deux colonnes (div). Dans la colonne principale, un long texte ponctué d'ancres. Dans la colonne de droite, le menu censé permettre d'atteindre les ancres. Le problème est que je ne connais pas la syntaxe pour créer les liens!
Pourriez-vous m'aider à corriger le code? Je le recopie ci-dessous (pardon si j'en inclus trop; je ne sais pas trop ce qui est nécessaire à la compréhension du problème).
<body id="twocolumn-right">
<div id="container">
<div class="wrapper">
<div id="header">
<div class="wrapper">
<h1 id="page-title"><div id='g_title'>Musique</div></h1>
<div style="clear: both"></div>
<p class="description"><div id='g_description'> </div></p>
<div style="clear: both"></div>
</div>
</div>
<!-- /wrapper --><!-- /header -->
<div id="main-content">
<div class="wrapper">
<div class="content-item"><div id='g_body'>
<h3><a name="clients"></a>Principaux clients</h3>
<h3><a name="livres"></a>Livres sur la musique</h3>
<h3><a name="livrets" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; float: left; margin-right: 1em;" href="https://i21.servimg.com/u/f21/11/31/99/67/britte10.jpg" imageanchor="1"><img src="https://i21.servimg.com/u/f21/11/31/99/67/britte10.jpg" style="border: 0pt none ;" height="200" width="200"></a>Livrets d’opéra<br></h3>
<h3><a name="tradenligne"></a>Quelques traductions parues en ligne</h3>
</div></div>
<div style="clear: both"></div>
</div>
</div>
<!-- /wrapper --><!-- /main-content -->
<div id="sidebar">
<div class="wrapper">
<div class="links">
<div class="wrapper"><div id='g_sidebar'>
<h2>Musique</h2>
<h3><a href="#main-content#clients">Principaux clients</a></h3>
<h3><a href="#main-content#livres">Livres sur la musique</a></h3>
<h3><a href="#main-content#livrets">Livrets d’opéra</a></h3>
<h3><a href="#main-content#tradenligne">Traductions parues en ligne</a></h3>
</div></div>
<div style="clear: both"></div>
</div>
<!-- /wrapper --><!-- /links -->
</div>
</div>
<!-- /wrapper --><!-- /sidebar -->
<div id="footer"><div class="wrapper">
<hr />
<p><div id='g_footer'> </div></p>
<div style="clear: both"></div>
</div></div>
<!-- /wrapper --><!-- /footer -->
</div>
</div>
<!-- /wrapper --><!-- /container -->
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div><div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
J'ai créé une GooglePage en deux colonnes (div). Dans la colonne principale, un long texte ponctué d'ancres. Dans la colonne de droite, le menu censé permettre d'atteindre les ancres. Le problème est que je ne connais pas la syntaxe pour créer les liens!
Pourriez-vous m'aider à corriger le code? Je le recopie ci-dessous (pardon si j'en inclus trop; je ne sais pas trop ce qui est nécessaire à la compréhension du problème).
<body id="twocolumn-right">
<div id="container">
<div class="wrapper">
<div id="header">
<div class="wrapper">
<h1 id="page-title"><div id='g_title'>Musique</div></h1>
<div style="clear: both"></div>
<p class="description"><div id='g_description'> </div></p>
<div style="clear: both"></div>
</div>
</div>
<!-- /wrapper --><!-- /header -->
<div id="main-content">
<div class="wrapper">
<div class="content-item"><div id='g_body'>
<h3><a name="clients"></a>Principaux clients</h3>
<h3><a name="livres"></a>Livres sur la musique</h3>
<h3><a name="livrets" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; float: left; margin-right: 1em;" href="https://i21.servimg.com/u/f21/11/31/99/67/britte10.jpg" imageanchor="1"><img src="https://i21.servimg.com/u/f21/11/31/99/67/britte10.jpg" style="border: 0pt none ;" height="200" width="200"></a>Livrets d’opéra<br></h3>
<h3><a name="tradenligne"></a>Quelques traductions parues en ligne</h3>
</div></div>
<div style="clear: both"></div>
</div>
</div>
<!-- /wrapper --><!-- /main-content -->
<div id="sidebar">
<div class="wrapper">
<div class="links">
<div class="wrapper"><div id='g_sidebar'>
<h2>Musique</h2>
<h3><a href="#main-content#clients">Principaux clients</a></h3>
<h3><a href="#main-content#livres">Livres sur la musique</a></h3>
<h3><a href="#main-content#livrets">Livrets d’opéra</a></h3>
<h3><a href="#main-content#tradenligne">Traductions parues en ligne</a></h3>
</div></div>
<div style="clear: both"></div>
</div>
<!-- /wrapper --><!-- /links -->
</div>
</div>
<!-- /wrapper --><!-- /sidebar -->
<div id="footer"><div class="wrapper">
<hr />
<p><div id='g_footer'> </div></p>
<div style="clear: both"></div>
</div></div>
<!-- /wrapper --><!-- /footer -->
</div>
</div>
<!-- /wrapper --><!-- /container -->
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div><div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
A voir également:
- Liens vers ancres dans autre div
- Vers quelle adresse web renvoie ce lien - Guide
- Vérificateur de liens - Guide
- Windows 7 vers windows 10 - Accueil - Mise à jour
- Clavier qwerty vers azerty - Guide
- Div c++ - Télécharger - Langages
2 réponses
salut,
l'ancre est défini avec l'attribut 'id="nomancre"' dans la balise concernée.
et le lien vers elle s'écrit avec 'href="#nomancre"'.
l'ancre est défini avec l'attribut 'id="nomancre"' dans la balise concernée.
et le lien vers elle s'écrit avec 'href="#nomancre"'.
Bonjour,
Ton code est un peu bizarre.
Est-ce qu'il n'est pas plutôt prévu pour fonctionner dans des frames ?
Que veux-tu faire exactement ? Remonter dans la page ?
Dans ce cas, supprime les “#main-content”. Et ça marchera.
Une ancre est unique et appelée pas son “#”. Un seul “#”.
Peu importe qu'elle soit telle ou telle <div> ou en dehors.
++
Corrige ses défauts : http://www.validome.org/lang/fr/
--
Ton code est un peu bizarre.
Est-ce qu'il n'est pas plutôt prévu pour fonctionner dans des frames ?
Que veux-tu faire exactement ? Remonter dans la page ?
Dans ce cas, supprime les “#main-content”. Et ça marchera.
Une ancre est unique et appelée pas son “#”. Un seul “#”.
Peu importe qu'elle soit telle ou telle <div> ou en dehors.
++
Corrige ses défauts : http://www.validome.org/lang/fr/
--
