Geckozone

Salut tous

Bon après mettre fourré dans les CSS,j'ai voulu voir ce que donnait le resultat concernant la validation W3C sur l'essai en cours du nouveau site pour ma fille,mais là j'avoue que je ne comprends pas les erreurs retournées par le W3C,alors si quelqu'un pouvait m'orienter pour cela, se serait sympa,que je puisse comprendre ou sont les erreurs et les rectifiées aux besoin? merci à tous ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Charmeds'Star,le site de référence consacré à la serie !</title>
<meta name="keywords" content="Charmed, Serie, le pouvoir des trois, Haliwell, Phobe, Prue, " />
<meta name="description" content="Site complet sur la Serie Charmed" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles3.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="blocmenuDroite">
<ul id="menu1">
<dl class="titremenu">
<dt>La Serie</dt></dl>
<li><a href="news.htm">News!</a></li>
<li><a href="generique">Générique</a></li>
<li><a href="lesacteurs">Les Acteurs</a></li>
<li><a href="ldo">ldo</a></li>
<li><a href="lieux">Les Lieux</a></li>
<li><a href="coulisses">Les Coulisses</a></li>
<li><a href="famille">La Famille</a></li>
<li><a href="spoilers">Spoilers</a></li>
<li><a href="lesaviezvous">Le Saviez Vous ?</a></li>
</ul>
<ul id="menu2">
<dl class="titremenu">
<dt>Médias</dt></dl>
<li><a href="photos">Photos</a></li>
<li><a href="goodies">Goodies</a></li>
</ul>
<ul id="menu3">
<dl class="titremenu">
<dt>Fan Zone</dt></dl>

<li><a href="creations">Créations</a></li>
<li><a href="sondage">Sondages</a></li>
<li><a href="mystere">Mystère</a></li>
<li><a href="lemois">Le Mois</a></li>
</ul>
<ul id="menu4">
<dl class="titremenu">
<dt>Le Site</dt></dl>
<li><a href="faq.htm">F.A.Q</a></li>
<li><a href="maj">Mise à Jour</a></li>
<li><a href="awards">Awards</a></li>
<li><a href="linkme">link Me...</a></li>
<li><a href="livre">Le Livre d'or</a></li>
<li><a href="votes">Votes</a></li>
<li><a href="contacts">Contacts</a></li>
<li><a href="webmiss">Webmiss</a></li>
<li><a href="plan">Plan du Site</a></li>
</ul>
<ul id="home">
<dl class="titremenu">
<dt>Retour</dt></dl>
<li><a href="principale.htm">Home</a></li>
</ul>
</div>
<div class="centre"><img src="../../photos/nouveaux/layoutphoebe001.jpg" width="650" height="352" />
<h1>Charmeds'Star</h1>
<h2>Le site de référence en la maitère...</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti.
Cras leo nibh, aliquet nec, interdum et, consequat sed, nulla. Praesent
nec quam quis augue auctor pulvinar. Nunc vehicula wisi et mi. Quisque ultricies
volutpat metus. Nulla eu erat sed mauris euismod tempor. Aliquam sit amet quam
vitae massa dignissim fringilla. Nam pharetra lobortis velit. Donec scelerisque,
nisl a molestie vulputate, urna lectus rhoncus ante, in congue lacus erat ac
urna. Duis quam. Phasellus diam eros, ullamcorper dictum, lacinia in, accumsan
vel, felis. Ut at sapien. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos.</p>
<p>Sed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, erat Sed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, eratSed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, eratSed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, eratSed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, eratSed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, eratSed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
tempus nec, erat</p>
</div>

</body>
</html>

Et la css qui correspond :

/* Document CSS de Charmeds'Star*/
body {
margin: 5px;/* Marge du corps*/
font-family: comic sans ms, arial, sans-serif; /* Police de base de la page */
font-size: 12px; /* Taille de la police Général*/
background-color: #F5F8FC;
}
.centre { /*Position du bloc central*/
margin-right: 135px;
width: 700px;
height: 337px;
margin-top: 5px;
}
.blocmenuDroite {/* Conteneur du menu*/
margin-top:10px;
background-color: #F5F8FC;
position:fixed!important;
position: absolute;
right:100px;
width: 120px;
height: auto;
}
.titremenu { /* Mise en forme des titres des menus*/
background-color: #96B3E9;
color: #000000;
font-weight: bold;
text-align: center;
border-left: 0px
border-right: 0px
border-top: 0px
}
#menu1 { /*Premier Menu */
margin-top: 2px;
width: 120px;
border: 1px solid #060C6F;
background-color: #F5F8FC;
font-family: comic sans ms, arial, sans-serif;
font-size: 110%;
text-align: center;
}
#menu2 { /*Second Menu*/
margin-top: 2px;
width: 120px;
border: 1px solid #060C6F;
background-color: #F5F8FC;
font-family: comic sans ms, arial, sans-serif;
font-size: 110%;
text-align: center;
}
#menu3 { /*Troisième Menu*/
margin-top: 2px;
width: 120px;
border: 1px solid #060C6F;
background-color: #F5F8FC;
font-family: comic sans ms, arial, sans-serif;
font-size: 110%;
text-align: center;
}
#menu4 { /*Quatrième Menu*/
margin-top: 2px;
width: 120px;
border: 1px solid #060C6F;
background-color: #F5F8FC;
font-family: comic sans ms, arial, sans-serif;
font-size: 110%;
text-align: center;
}
#home{ /*Home Menu*/
margin-top: 2px;
width: 120px;
border: 1px solid #060C6F;
background-color: #F5F8FC;
font-family: comic sans ms, arial, sans-serif;
font-size: 110%;
text-align: center;
}
ul,li { /*Style des menus */
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 17px; /* interligne */
}
h1 { /*Style des Titres */
font-size: 24px;
text-align: left;
}
h2 {/*Style des sous-titres*/
font-size: 100%;
text-align: left;
}
h3 { /*Style sous sous titres */
font-family: "Maiandra GD";
font-size: 12px;
}
h31 {
font-family: "Maiandra GD";
font-size: 12px;
color: #006699;
}
/*Liens*/
a:link {color: #000000;text-decoration:none;}
a:visited {color: gray; text-decoration:none;}
a:hover {color:#D6E0F3; text-decoration:none;}

/* Style des listes de diffusions.....*/
dl.events{
margin: 5em 0;
padding: 0;
font-family: comic sans ms, arial, sans-serif;
font-size: 16px;}
.events dt{
position: relative;
left: 0;
top: 1.1em;
width: 5em;
font-weight: bold;
font-family: "Maiandra GD";
font-size: 18px;}
.events dd{
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
font-family: "Maiandra GD";
font-size: 16px;
}

Si c'est possible de nous donner une adresse cela seras plus facile.

je place sur le site d'ici 1 h

jv2759 a écrit :Si c'est possible de nous donner une adresse cela seras plus facile.

Et voilà :
http://perso.club-internet.fr/savidan.c ... cipale.htm
Merci encore.

Express a écrit :<div class="blocmenuDroite">
<ul id="menu1">
<dl class="titremenu">
<dt>La Serie</dt>
</dl>
<li><a href="news.htm">News!</a></li>
<li><a href="generique">Générique</a></li>
<li><a href="lesacteurs">Les Acteurs</a></li>
<li><a href="ldo">ldo</a></li>
<li><a href="lieux">Les Lieux</a></li>
<li><a href="coulisses">Les Coulisses</a></li>
<li><a href="famille">La Famille</a></li>
<li><a href="spoilers">Spoilers</a></li>
<li><a href="lesaviezvous">Le Saviez Vous ?</a></li>
</ul>
<ul id="menu2">
}

Cette partie du code n'est pas valide. Tu ne peux pas mettre une liste de définition directement dans une autre liste (non-ordonnée ici). Ce n'est, de plus, pas très sémantique.

Tu pourrais utiliser :

Code : Tout sélectionner

<div class="blocmenuDroite">
  <div id="menu1">
    <h2>Ton titre</h2>
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>

  <div id="menu2">
  ...

Line 60, column 99: required attribute "alt" not specified

Express a écrit : <img src="../../photos/nouveaux/layoutphoebe001.jpg" width="650" height="352" />

En html4.01 strict ou xhtml1.0 strict, toutes les images doivent comporter un texte alternatif (attribut "alt").

Express a écrit : font-family: comic sans ms, arial, sans-serif; /* Police de base de la page */

Les fontes comportant plusieurs termes (Times New Roman, comic sans ms, etc.) doivent être mises entre guillements dans une feuille de style.

Je n'ai pas eu le temps de tout regarder, mais cela devrait déjà te faire avancer.

Salut,

Code : Tout sélectionner

<ul id="menu1">
<dl class="titremenu">
<dt>La Serie</dt></dl>	<li><a href="news.htm">News!</a></li>

n'a aucun sens, tu as le dt (définition title), mais pas le dd (definition description ou un truc du genre), un liste de définition (dl) doit comprendre au moins un dt qui doit être suivi d'au moins autant de dd, pour définir le terme à définir... tu voix ce que je veux dire ?
De plus je ne sais pas si une ul peut contenir une dl... au moins ça doit être dans un li

Le hl ayant été supprimé, tu peux soit mettre un h2 mais pas trop dans ce cas

soit tu fait tout en dl sans ul :

Code : Tout sélectionner

<dl>
<dt>La série</dt>
<dd>News</dd>
...
<dt>Médias</dd>
etc.

Soit si ça te gène tu peux mettre un seul dd contenant une ul, mais c'est plus compliqué et pas forcément utile.

Je crois que ça résoudra les erreurs, sauf bien entendu celles produites par club-internet mais là tu n'y peux rien

je veux bien mais j'ai fais référence au post de "Calimo" dixit :
http://www.geckozone.org/forum/viewtopic.php?t=10461
Qui me disait trop de DIV tuent les DIV donc j'ai essayer de faire mieux ... mais bon !

D'où l'utilisation des dl et dd que je propose.

Cependant le code présenté par Freed Castles ne contient pas de div inutiles puisqu'il n'y en a pas qui s'ouvrent et se ferment ensemble, mais une div blocmenuDroite contenant plusieurs div.

et comme cela,le code est-il un peux mieux

http://perso.club-internet.fr/savidan.c ... cipale.htm

Express a écrit :et comme cela,le code est-il un peux mieux

Tu oublies systémaiquement les balise ouvrantes de tes listes, à placer après tes titres.

Pour ta feuille de style, tu pourrais également donner un nom. Au cas où tu aimerais en mettre plusieurs.

Freed Castles a écrit :
Express a écrit :et comme cela,le code est-il un peux mieux
Tu oublies systémaiquement les balise ouvrantes de tes listes, à placer après tes titres.

Pour ta feuille de style, tu pourrais également donner un nom. Au cas où tu aimerais en mettre plusieurs.

J'ai réparer mon erreur ...

Plus qu'à publier

calimo a écrit :Plus qu'à publier

C'est fait

http://perso.club-internet.fr/savidan.c ... cipale.htm

Et voilà !
Pour les 23 erreurs restantes tu n'y peux rien à part changer d'hébergeur !

calimo a écrit :Et voilà !
Pour les 23 erreurs restantes tu n'y peux rien à part changer d'hébergeur !

J'suis quand même content du resultat

pour un premier jet en CSS .................... 8)
Aller et merçi à tous pour vos aides respectives............

Geckozone

[Résolu]Recherche d'erreur ! un peux d'aide ...

[Résolu]Recherche d'erreur ! un peux d'aide ...

Re: Recherche d'erreur ! un peux d'aide ...