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.