Liens internes qui n'aboutissent pas !

Résolu
Isobell -  
 Isobell -
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

Réponse 1 / 4
olivierrobins Messages postés 225 Date d'inscription   Statut Membre Dernière intervention   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
olivierrobins Messages postés 225 Date d'inscription   Statut Membre Dernière intervention   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">
<!--[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
Réponse 3 / 4
Isobell
 
N'y a-t-il personne pour m'aider ?
0
Réponse 4 / 4
caro__48 Messages postés 242 Date d'inscription   Statut Membre Dernière intervention   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
caro__48 Messages postés 242 Date d'inscription   Statut Membre Dernière intervention   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
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">
<!--[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 349 Date d'inscription   Statut Membre Dernière intervention   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
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
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

Discussions similaires

Retrouver liens copiés sur le téléphone
SAMA -
Peterson -

3 réponses
Pip n'est pas reconnu en tant que commande interne
Chris3874 -
Utilisateur anonyme -

22 réponses
Copier un lien instagram
alaurore -
LEFEUVRE -

7 réponses
lien copié presse papier smartphone Samsung
luckygirl63 -
Pierr10 -

3 réponses
contrefacon ou pas?
rose29180 -
Utilisateur anonyme -

7 réponses