Liens internes qui n'aboutissent pas !

Résolu

Isobell -
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.

Afficher la suite

4 réponses

Réponse 1 / 4
olivierrobins Messages postés 227 Statut Membre 49

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
1. olivierrobins Messages postés 227 Statut Membre 49
  
  laissez tomber ma 2e question, je viens de comprendre.. a...accueil, b...avantages... lol
  
  0
Réponse 2 / 4
Isobell

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">

</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
Réponse 3 / 4
Isobell

N'y a-t-il personne pour m'aider ?
0
Réponse 4 / 4
caro__48 Messages postés 264 Statut Membre 61

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
1. caro__48 Messages postés 264 Statut Membre 61
  
  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
2. Isobell
  
  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">
  
  </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
3. chris05 Messages postés 374 Statut Membre 28
  
  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
4. Isobell
  
  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
5. Isobell
  
  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

Liens internes qui n'aboutissent pas !

4 réponses

Discussions similaires

Newsletters