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 !
Configuration: Windows XP Internet Explorer 7.0

8 réponses

  1. the Lebanese Messages postés 269 Statut Membre 16
     
    Mets tes balises à à l'intérieur de tes balises h1
    0
  2. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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
    1. the Lebanese Messages postés 269 Statut Membre 16
       
      Très juste ! Et donc pour éviter ça, mets plutôt des liens relatifs
      0
  3. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Je mets en résolu
    0
  4. 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
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Dans le CSS ...
    Avant de demander commment faire → Google
    0
  7. 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
  8. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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
  9. Sarah69100
     
    Sa marche , Merci beaucoup , ma page est enfin valide ! :)
    0