5568 sujets

Sémantique web et HTML

D'ou vient l'érreur ?

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 !

Ps : désolé ma souris a du mal donc je n'ai pas put mettre en avant mon code.
Salut,

<a> étant un élément en ligne, tu ne peux pas le mettre directement dans ton body, il doit se trouver dans un élément de type block.

Inverse donc l'ordre d'imbrication de tes balises entre <a> et <h1>, cela corrigera ton problème. Smiley cligne
Quand j'inverse les Balises , alors mon titre "Esprit9" de ma banniere apparait comme un lien : en bleu et souligné. Hors je ne veut pas qu'il change.

Help S'il vous plait !


Ps : Merci quand même.
Salut, comme t'a dit Mikachu t'inverse les balises et c'est normal, qu'il s'affiche en bleu et souligné, tu peux corriger cela avec la css.
tu mets par ex : 


h1 a{
 text-decoration:none;
 color:red;
}


;)
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é... Smiley decu


Merci d'avance...
alors comme cité déjà dans ma dernière intervention , en fait , tu met un style à la balise a, comme suit :

h1 a{
color:#696969;font-size: 500%;
text-decoration: none;
}

Modifié par integrateurweb2 (02 Nov 2009 - 10:28)
Bonjour sarah69100 et integrateurweb2,

Pour la lisibilité du forum, vous serait-il possible d'éditer (le bouton apparait à côté de "citer" lorsque l'on est logué) vos message et de baliser les portions de code avec [ code=html] et [ /code] (sans espace) pour le code HTML ou [ code=css] et [ /code] (sans espace) pour le code CSS.

Merci d'avance.

@Sarah > Ton problème c'est la priorité des sélecteurs en CSS (voir la partie 3).
Sujet clos
Aller à