Problème de validation W3C - HTML/CSS - Programmation
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 :
|
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.
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
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.