Problème de validation W3C

Problème de validation W3C - HTML/CSS - Programmation

Marsh Posté le 17-10-2007 à 16:56:14    

Bonjour tout le monde,  
 
Je suis débutant en découpe XHTML/CSS, et je viens d'en réaliser une pour un site perso. Seulement voilà, j'ai quasiment terminé la mise en place du design mais lorsque j'ai voulu insérer du texte ... la validation s'est mal déroulée.
 
Pour que ce soit plus visuel, voici le site : http://ridefinger.free.fr
 
Et voici le résultat du test de validation : http://validator.w3.org/check?uri= [...] ne&group=0
 
Maintenant je vous donne une partie du code concerné.  
____________________________________________________
index.htm
 
<div id="corpsdroit">
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<h1></h1><!--haut du cadre-->
<h3>
 
<p class="titre"> ~ Titre News 1 ~ </p>
<p class="texte">It has survived not only....p>
<p class="signature"><a href="#">1 commentaire</a> :: Article publié par: <strong>Scrat.</strong></p>  
 
<p class="titre"> ~ Titre News 1 ~ </p>
<p class="texte">It has survived not only....p>
<p class="signature"><a href="#">1 commentaire</a> :: Article publié par: <strong>Scrat.</strong></p>  
 
<p class="titre"> ~ Titre News 1 ~ </p>
<p class="texte">It has survived not only....p>
<p class="signature"><a href="#">1 commentaire</a> :: Article publié par: <strong>Scrat.</strong></p>  
 
</h3>
<h2></h2> <!--bas du cadre-->
</div>
 
____________________________________________________
 
Et le css (meme si je pense que l'erreur vient principalement de l'imbrication, mais je ne vois pas comment la régler).
 
 
#corpsdroit
{
    float: right ;
 width: 480px;
 margin-top: none;
 margin-bottom:15px;
}
 
 
#corpsdroit h3{
 margin: 0;
 padding: 0;
 width: 480px;
 height: 100%;
 background-image: url("images/menudroit.gif" );
}
 
#corpsdroit h1{
 margin: 0;
 padding: 0;
 width: 480px;
 height: 15px;
 background-image: url("images/menudroithaut.gif" );
 background-repeat:no-repeat;
 position: relative;
 top:0px;
 
 
}
#corpsdroit h2{
 margin: 0;
 padding: 0;
 width: 480px;
 height: 11px;
 background-image: url("images/menudroitbas.gif" );
 background-repeat:no-repeat;
 position: relative;
 bottom:0px;
 
}
 
 
.titre{    
    margin: 0 45px;
    padding: 0 0 5px 0;
 font-family: "Times New Roman", Times, serif;
 font-size:15px;
}
 
 
.signature{    
    margin: 0 10px;
    padding: 5px 0 0 0;
 font-family: "Times New Roman", Times, serif;
 font-size:12px;
 text-align: right;
}
 
.texte{    
    margin:0 auto;
    padding:0;
 width:95%;
    font: 12px "Times New Roman", Times, serif;
    text-align: justify;
 text-indent: 32px ;  
 width: 95%;
}
 
__________________________________________________
 
Comme je vous l'ai dit je suis débutant donc je pense que mon erreur est stupide mais ... j'ai besoin de vous. Ca doit être un problème d'imbrication.
 
Peut etre qu'une balise "h3" ne peut contenir d'autre balise... A vous de me dire.

Reply

Marsh Posté le 17-10-2007 à 16:56:14   

Reply

Marsh Posté le 17-10-2007 à 16:59:29    

C'est écrit dans les messages, on n'a pas le droit de mettre de p dans un h3.
 
C'est d'ailleurs logique, un titre et un titre, et non un paragraphe ;) Si t'as besoin absolument d'un élément supplémentaire dans le h3 (pour des raisons de style sûrement), tu peux utiliser un span :

Code :
  1. <h3><span>Pouet</span></h3>

Reply

Marsh Posté le 17-10-2007 à 17:30:51    

Merci pour ta réponse.
 
J'aurai juste préféré pouvoir garder mes paragraphes...
 
Existe t'il une balise pouvant contenir un <p></p> ?
 
en fait h3 me permet de mettre le décor autour tu paragraphe c'est pour cela que j'avais placé <p> à l'intérieur.

Reply

Marsh Posté le 17-10-2007 à 19:56:37    

Mettre le décor ? Oulaaaaa...
 
N'oublie pas que h3 représente un titre de niveau 3, ça ne sert pas à mettre de la décoration. Utilise les balises pour leur sens, pas leur style

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed