Liens internes qui n'aboutissent pas !

Résolu/Fermé
Isobell - 25 févr. 2011 à 19:57
 Isobell - 2 mars 2011 à 14:24
Bonjour,

Dans mon menu je cherche à réaliser les liens internes entre mes différentes pages. Sachant que les différentes pages sont dans le même dossier sur mon disque dur.

Exemple d'un code pour deux onglets :
<div style="font-family: Arial;" class="element_menu"><font
size="-1"><a href="aaccueil.html">Accueil</a></font>
</div>
<div style="font-family: Arial;" class="element_menu"><font
size="-1"><a href="bavantages.html">Avantages</a></font>
</div>


Le problème est que lorsque je teste ma page dans un navigateur, les 2 premiers liens (ou onglets) fonctionnent mais ceux d'après ne fonctionnent plus (il y a huit onglets). Firefox me parle d'une page4.html (au lieu du nom de ma page) qui n'a rien à voir avec mes dossiers.
Par ailleurs, lorsque je reviens sur les liens qui ont marché, la deuxième fois il ne fonctionne plus !

J'ai retourné la chose dans tous les sens mais je ne trouve pas le problème.
Si ça se trouve c'est un truc tout bête mais là franchement, je ne vois pas...
Je sollicite donc votre aide svp !

Merci d'avance.





4 réponses

olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 49
25 févr. 2011 à 20:03
Bonjour,

Peut-on voir le code entier de la page (en tout cas la partie qui concerne le menu)? Ça nous aiderait un peu pour trouver ce qui ne fonctionne pas.

Ah, et petit détail, le lien aacueil.html est vraiment sensé être écrit comme ça ?
0
olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 49
25 févr. 2011 à 20:04
laissez tomber ma 2e question, je viens de comprendre.. a...accueil, b...avantages... lol
0
Merci beaucoup pour ta réponse si rapide !

Voilà le code de la page en entier (j'ai enlevé le contenu du corps...) :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr-fr">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Acccueil-Habla Secrétariat</title>
<link rel="stylesheet" href="../../Notepad/CSS-Mozilla.txt"
type="text/css">
<!--[if IE]><link rel="stylesheet" href="../../Notepad/CSS-IE.txt" type="text/css" media="screen, projection"><![endif]-->
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(153, 51, 0);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: left; height: 119px;" id="en_tete">
<big><big><big><br>
 Habla <br>
<small style="color: white;">Secrétariat</small></big></big></big></div>
<div>
<div style="color: black; font-weight: bold;" id="menu">
<div style="font-family: Arial;" class="element_menu"><font
size="-1"><a href="aaccueil.html">Accueil</a></font>
</div>
<div style="font-family: Arial;" class="element_menu"><font
size="-1"><a href="bavantages.html">Avantages</a></font>
</div>
<div style="font-family: Arial;" class="element_menu">
<font size="-1"><a href="cfonctionnement.html">Fonctionnement</a></font>
</div>
<div style="font-family: Arial;" class="element_menu">
<big>Prestations</big><br>
<font size="-1"><br>
</font></div>
<div style="font-family: Arial;" class="element_menu">
<font size="-1">Transcription</font>
</div>
<div style="font-family: Arial;" class="element_menu">
<font size="-1">Tarifs</font>
</div>
<div style="font-family: Arial;" class="element_menu">
<font size="-1">Contact</font>
</div>
<div style="font-family: Arial;" class="element_menu"><font
size="-1"><acronym title="Conditions Générales de Vente">CGV</acronym>-Mentions
légales</font></div>
<div style="font-weight: bold; margin-left: 0px; width: 140px;"
class="adresse"><small
style="font-family: Times New Roman;">
<font size="-1"><small><br>
<big><big>Habla
Secrétariat<br>
<small><small><br>
</small></small></big></big></small></font></small><small
style="font-family: Times New Roman;"><small><small><font
size="-1"><small><span
style="text-decoration: underline;">Contactez-nous par mail</span><br>
<br>
<br>
</small></font></small></small></small><small><font
size="-1"><small><span
style="font-family: Times New Roman;">809 Haute folie</span><br
style="font-family: Times New Roman;">
<span style="font-family: Times New Roman;">14200
Hérouville St Clair</span><br>
<br style="font-family: Times New Roman;">
<span style="font-family: Times New Roman;">Tél
: 02 31
23 79 68</span><br style="font-family: Times New Roman;">
<span style="font-family: Times New Roman;">Fax : 02 22 44
59 54</span><br>
</small></font></small></div>
</div>
<div id="corps"><br
style="font-family: Times New Roman;">
<div style="text-align: center;"><br>
<small style="font-family: Times New Roman;"><br>
<br>
<br>
<br>
</small><span style="font-family: Times New Roman;"></span></div>
</div>
</div>
<div style="margin-left: 171px; width: 680px; text-align: center;"
id="pied_de_page">Tous
droits
réservés – 2011 – Habla
Secrétariat </div>
</body>
</html>

Et le code CSS des fois que...

/* Generated by KompoZer */
body {
margin: 20px auto;
width: 760px;
background-image: url(images/fond.png);
}
#en_tete {
height: 110px;
padding-left: 20px;
background-color: #ff6600;
width: 830px;
}
#menu {
float: left;
width: 120px;
font-family: Arial,Helvetica,sans-serif;
color: black;
margin-top: 20px;
}
.element_menu {
border: 2px solid black;
background-color: #ff6600;
text-align: center;
font-size: x-small;
padding-bottom: 1px;
padding-top: 3px;
color: black;
font-family: Arial;
width: 143px;
margin-bottom: 3px;
height: 20px;
font-weight: bold;
}
#corps {
padding: 5px;
margin-bottom: 10px;
margin-top: 20px;
font-family: "Times New Roman",Times,serif;
background-repeat: no-repeat;
height: 481px;
position: absolute;
background-position: center center;
margin-left: 171px;
width: 670px;
background-color: white;
overflow: auto;
}
#pied_de_page {
padding-bottom: 5px;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
background-color: #993300;
color: black;
margin-left: 171px;
margin-top: 520px;
width: 701px;
}
a {
color: black;
text-decoration: none;
}
.adresse {
text-align: center;
background-color: #ffff99;
padding-right: 4px;
padding-left: 4px;
width: 140px;
color: black;
float: left;
margin-top: 50px;
height: 163px;
}

Faut pas faire attention à la mise en page, ça ne va pas rester comme ça...
0
N'y a-t-il personne pour m'aider ?
0
caro__48 Messages postés 242 Date d'inscription mercredi 14 avril 2010 Statut Membre Dernière intervention 18 mai 2017 61
28 févr. 2011 à 15:43
salut,

Tu devrais rendre ton code un peu plus claire
Tu a une CSS, alors essaie de la rendre la plus utile possible
Tu crée une DIV par exemple menu et après tu fait ton code comme çà:

<div class="menu">
<a href="accueil.php">Accueil</a>
</div>

Essai comme ça, té lien seront plus clair et sa devrai pas tourné en rond
0
caro__48 Messages postés 242 Date d'inscription mercredi 14 avril 2010 Statut Membre Dernière intervention 18 mai 2017 61
Modifié par caro__48 le 28/02/2011 à 16:13
j'ai oublié de te mettre le code de ta css mais sa donne :

.menu
{

font-family:Consolas;
font-size:26px;
margin-left:500px;
margin-top:-300px;
color:#000000;
}

bon avec tes préférences bien entendu ...
0
Merci Caro pour ta réponse.
J'ai fait un petit ménage dans mon code comme tu me l'as conseillé mais malheureusement ça ne marche toujours pas... Je déséspère !

Je joins ci-dessous le nouveau code :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr-fr">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Accueil</title>
<link rel="stylesheet" href="../../Notepad/CSS-Mozilla.txt"
type="text/css">
<!--[if IE]><link rel="stylesheet" href="../../Notepad/CSS-IE.txt" type="text/css" media="screen, projection"><![endif]-->
</head>
<body>
<div id="en_tete"><big><big><big><br>
     
    <small>   
        Un
partenaire fiable et réactif à votre
écoute</small><br>
<small style="color: white;">Secrétariat</small></big></big></big></div>
<div>
<div id="menu">
<div class="element_menu"><a href="aaccueil.html">Accueil</a>
</div>
<div class="element_menu"><a href="bavantages.html">Avantages</a>
</div>
<div class="element_menu"><a href="cfonctionnement.html">Fonctionnement</a>
</div>
<div class="element_menu"><a href="dprestations.html">Prestations</a>
</div>
<div class="element_menu"><a href="etranscription.html">Transcription</a>
</div>
<div class="element_menu"><a href="ftarifs.html">Tarifs</a>
</div>
<div class="element_menu"><a href="gcontact.html">Contact</a>
</div>
<div class="element_menu">
<a href="hcgvmentionslegales.html"><acronym
title="Conditions Générales de Vente">CGV</acronym>-Mentions
légales</a></div>
<div class="adresse"><small
style="font-family: Times New Roman;">
<font size="-1"><small><br>
<big><big>Secrétariat<br>
<small><small><br>
</small></small></big></big></small></font></small><small
style="font-family: Times New Roman;"><small><small><font
size="-1"><small><span
style="text-decoration: underline;">Contactez-nous par mail</span><br>
<br>
<br>
</small></font></small></small></small><small><font
size="-1"><small><span
style="font-family: Times New Roman;">Haute folie</span><br
style="font-family: Times New Roman;">
<span style="font-family: Times New Roman;">14200
Hérouville St Clair</span><br>
<br style="font-family: Times New Roman;">
<span style="font-family: Times New Roman;">Tél
: 02 31
00 00 00</span><br style="font-family: Times New Roman;">
<span style="font-family: Times New Roman;">Fax : 02 22 44
59 54</span><br>
</small></font></small></div>
</div>
<div id="corps"><br
style="font-family: Times New Roman;">
<div style="text-align: center;"><br>
<br>
<br>
<<br>
<br>
<br>
<br>
</small><span style="font-family: Times New Roman;"></span></div>
</div>
</div>
<div id="pied_de_page">Tous
droits
réservés – 2011 – Habla
Secrétariat </div>
</body>
</html>

Merci d'avance pour votre aide
0
chris05 Messages postés 338 Date d'inscription jeudi 13 mars 2008 Statut Membre Dernière intervention 17 janvier 2024 28
1 mars 2011 à 13:53
Les liens de ton menus doivent être bons sur ta première page, mais pas sur les suivantes, c'est pour cela que ça doit marcher au début, mais plus ensuite...

Car d'après ce que j'observe rapidement, le code de ton menu est ré-écrit sur chacune des pages n'est-ce pas ?
0
Merci beaucoup pour ta réponse Chris.
Oui en effet le menu est répété sur chacune des pages du site.
Je vais de ce pas regarder sur les autres pages ce que ça donne et je reposte...
0
Je viens de refondre le code de chaque page et de revoir tous les liens et ... ça marche !!!
Très sincèrement mille merci à vous 3 pour votre aide !
0