Mais d'ou vient cette érreur ?

Résolu
Sarah69100 -  
 Sarah69100 -
Bonjour,

Voila je débute dans la création de site web et je dois rendre un site web sans érreures dans 48h...Le problème c'est qu'une érreur persiste quand je passe mon site au Validator W3c. Il me marque les choses suivantes :


"Line 14, Column 51: document type does not allow element "a" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "pre", "address", "fieldset", "ins", "del" start-tag

<a href="file:///E:/site_internet/test_5bis.html#"><h1 class="gt2">Esprit9</h1></a>

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Line 14, Column 67: document type does not allow element "h1" here; missing one of "object", "ins", "del", "map", "button" start-tag

…E:/site_internet/test_5bis.html#"><h1 class="gt2">Esprit9</h1></a>

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). "


Et le début de mon code est le suivant :


<link rel="stylesheet" type="text/css" media="screen" href="ecran.css" />
</head>
<body>


<a href="file:///E:/site_internet/test_5bis.html#"><h1 class="gt2">Esprit9</h1></a>


<ul id="navigation">
<li><a href="file:///E:/site_internet/test_5bis.html#" title="Acceuil">Acceuil</a></li>
<li><a href="file:///E:/site_internet/3eme_page.html#" title="Bureau">Le bureau</a></li>
<li><a href="file:///E:/site_internet/4eme_page.html#" title="Inscription">Inscription</a></li>
<li><a href="file:///E:/site_internet/2eme_page.html#" title="Musique">Musique</a></li>
</ul>

Merci d'avance pour votre précieuse aide !

8 réponses

the Lebanese Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   16
 
Mets tes balises à à l'intérieur de tes balises h1
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Un lien est du type inline et un h1 du type block, hors un élément inline ne peut contenir un block.

Essaye plutôt comme ça :
<h1 class="gt2"><a href="file:///E:/site_internet/test_5bis.html#">Esprit9</a></h1>

Par contre, tes liens ne fonctionneront pas en ligne car "file:///" design un fichier local, c'est-à-dire sur le disque dur de l'internaute.
0
the Lebanese Messages postés 259 Date d'inscription   Statut Membre Dernière intervention   16
 
Très juste ! Et donc pour éviter ça, mets plutôt des liens relatifs
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Je mets en résolu
0
Sarah69100
 
Mais quand je met ce code alors mon titre : "Esprit 9" apparait en bleu et souligné comme un lien !
Hors j'aimerais garder la même écriture.

Help Svp !
¨
Ps : Merci quand même.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Dans le CSS ...
Avant de demander commment faire → Google
0
Sarah69100
 
Désolé d'être aussi longue à la détente mais je n'y arrive toujours pas...
J'ai donc suivie vos conseils et voila mon code html :

<h1><a href="file:///E:/site_internet/test_5bis.html#">Esprit9</a></h1>

Et mon CSS :
h1{
background-image: url(banniere.jpg);
background-repeat: no repeat;
padding: 45px;
color:#696969;font-size: 500%;
text-decoration: none;
}


Ors , Le titre reste toujours Bleu et souligné... [decu]


Merci d'avance...
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Tu style seulement le titre, pas les liens.
Si par exemple sur mets une bordure sur un div, cette bordure ne s'appliquera pas sur les éléments enfants (les liens, les images, ...).

Essaye plutôt avec ça :
h1{
    background-image: url(banniere.jpg);
    background-repeat: no repeat;
    padding: 45px;
    color:#696969;
    font-size: 500%;
    text-decoration: none;
} 
h1 a {
    color:#696969;
    text-decoration: none;
}
0
Sarah69100
 
Sa marche , Merci beaucoup , ma page est enfin valide ! :)
0