Ancres html
liljuan
-
croy Messages postés 457 Statut Membre -
croy Messages postés 457 Statut Membre -
Bonjour,
J'ai un probleme avec mes ancres. Elles marchent ttes sur Firefox mais sur IE il y en qu'une qui marche. Celle qui marche ne se trouve pas ma div. Pourriez-vous m'aider svp je vous met mon code merci à vous.
<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<link rel="stylesheet" href="Groupes.css" type="text/css"/>
<title>Groupes</title>
</head>
<body>
<div id="en_tete">
<a name="i"><img src="Images/Banniere.JPG" alt="Banniere" width="100%" /></a>
</div>
<!--<table width="20%">
<tr>
<td>-->
<div id="som">
<a href="#a"><h3>Groupe A</h3></a>
<a href="#b"><h3>Groupe B</h3></a>
<a href="#c"><h3>Groupe C</h3></a>
<a href="#d"><h3>Groupe D</h3></a>
<a href="#e"><h3>Groupe E</h3></a>
<a href="#f"><h3>Groupe F</h3></a>
<a href="#g"><h3>Groupe G</h3></a>
<a href="#h"><h3>Groupe H</h3></a>
<a href="page1.html"><h5>Acceuil</h5></a>
</div>
<div id="corps">
<a name="a"><img src="Image Groupes/Groupe A.JPG"/></a>
<a name="b"><img src="Image Groupes/Groupe B.JPG"/></a>
<a name="c"><img src="Image Groupes/Groupe C.JPG"/></a>
<a name="d"><img src="Image Groupes/Groupe D.JPG"/></a>
<a name="e"><img src="Image Groupes/Groupe E.JPG"/></a>
<a name="f"><img src="Image Groupes/Groupe F.JPG"/></a>
<a name="g"><img src="Image Groupes/Groupe G.JPG"/></a>
<a name="h"><img src="Image Groupes/Groupe H.JPG"/></a>
</div>
<div id="haut">
<a href="#i"><h3>Haut de page</h3></a>
</div>
</body>
</html>
J'ai un probleme avec mes ancres. Elles marchent ttes sur Firefox mais sur IE il y en qu'une qui marche. Celle qui marche ne se trouve pas ma div. Pourriez-vous m'aider svp je vous met mon code merci à vous.
<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<link rel="stylesheet" href="Groupes.css" type="text/css"/>
<title>Groupes</title>
</head>
<body>
<div id="en_tete">
<a name="i"><img src="Images/Banniere.JPG" alt="Banniere" width="100%" /></a>
</div>
<!--<table width="20%">
<tr>
<td>-->
<div id="som">
<a href="#a"><h3>Groupe A</h3></a>
<a href="#b"><h3>Groupe B</h3></a>
<a href="#c"><h3>Groupe C</h3></a>
<a href="#d"><h3>Groupe D</h3></a>
<a href="#e"><h3>Groupe E</h3></a>
<a href="#f"><h3>Groupe F</h3></a>
<a href="#g"><h3>Groupe G</h3></a>
<a href="#h"><h3>Groupe H</h3></a>
<a href="page1.html"><h5>Acceuil</h5></a>
</div>
<div id="corps">
<a name="a"><img src="Image Groupes/Groupe A.JPG"/></a>
<a name="b"><img src="Image Groupes/Groupe B.JPG"/></a>
<a name="c"><img src="Image Groupes/Groupe C.JPG"/></a>
<a name="d"><img src="Image Groupes/Groupe D.JPG"/></a>
<a name="e"><img src="Image Groupes/Groupe E.JPG"/></a>
<a name="f"><img src="Image Groupes/Groupe F.JPG"/></a>
<a name="g"><img src="Image Groupes/Groupe G.JPG"/></a>
<a name="h"><img src="Image Groupes/Groupe H.JPG"/></a>
</div>
<div id="haut">
<a href="#i"><h3>Haut de page</h3></a>
</div>
</body>
</html>
Configuration: Windows XP Firefox 2.0.0.13
8 réponses
-
Salut,
Les ancres ne pinte que vers des id, le "name" tu viens de l'inventer ^_^ -
<a name="a"><img src=... est valide mais <img id="a" src=... l'est aussi et est plus court et plus moderne.
Voir http://www.w3.org/TR/html401/struct/links.html -
Tiens on en apprend tout les jours, moi qui pensais que c'était réservé aux formulaire pour les input et textarea.
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Remplace :
<a name="a"><img src="Image Groupes/Groupe A.JPG"/></a>
par :<img id="a" src="Image Groupes/Groupe A.JPG"/>
Qu'est-ce-que ca donne ? -
-
Ba tu te trompes quelque part, ou ta page n'est pas suffisamment grande pour scroller jusqu'à l'ancre. Ou tu n'as pas actualisé la page.
-
Je n'ai pas IE sous la main actuellement, je ne puis donc t'aider.
A la lecture de ton code, ca devrait fonctionner, il faut donc que tu tatonnes par essais successifs.
Commence par exemple par retirer les id=... dans les div, le format d'affichage ne sera pas bon mais est-ce-que ça marche ?
Si ca ne marche toujours pas, supprime les div et /div
Etc...etc...etc...
Bon courage
