Erreur de validation W3C

<div id="search">
<p style="text-align:center">Rechercher sur le site :</p>
<p style="text-align:center">( Bientôt disponible ! )</p>
<div align="center" style="padding-top:10px"><img src="CustomForm.png" alt="Rechercher"/></div>
</div>

Salut à tous !

Le validateur CSS me sit qu'il y a une erreur à la ligne 150 (ici, la toute dernière...le </div>)

>> The content of elements must consist of well-formed character data or markup

je pige pas pourquoi !

qqun peux m'aider ?
Modifié par stanfield (16 Jan 2007 - 01:35)

Salut!

Tu n'as pas un exemple en ligne ? Difficile de se prononcer sans voir le reste du code. Le validateur n'a pas réagi sur l'attribut "align", juste avant ?

si, bien sur, désolé !

http://www.photollivier.com
Modifié par stanfield (16 Jan 2007 - 02:01)

L'erreur en question se produit sur ta page d'accueil ? Je ne la vois pas ...

(par contre, j'ai 7 autres erreurs très claires & faciles à corriger )

firebug ne me dit rien à ce sujet !
comment tu fais pour les voir ?

Soumets ta page au validateur du W3C, tu verras bien : http://validator.w3.org

je sais que c'est tard là mais j'arrive pas à les corriger, je comprend pas pourquoi il y a des erreur là ou il me dit...

Tu peux me les expliquer tu crois ? (quand t'as le temps...bien sur !)
Modifié par stanfield (16 Jan 2007 - 02:24)

En vitesse, avant d'aller me pieuter :
1. l'attribut align n'existe pas en xhtml 1.0 strict, il faut utiliser la propriété CSS "text-align: center ;"

2. idem pour le "border" sur l'image, à remplacer par la propriété CSS :

<img style="border: 0;" ... />

3. L'erreur de caractère à la ligne 150 est plus bizarre. Un caractère invisible ou un problème d'encodage ? A moins qu'elle ne soit provoquée par une erreur antérieure.

4. "end tag for "ul" which is not finished : je parie que tu as une liste qui ne contient aucun <li> dans ta page ? Il en faut au moins un

5, 8. les listes "ul" et "ol" sont des éléments particuliers : leurs enfants ne peuvent être que des éléments de liste "li" !

10. La balise "script" doit nécessairement avoir l'attribut "type". Par exemple, pour un fichier javascript :

<script src="..." type="text/javascript"></script>

Sur ce, bon travail & bonne nuit

stanfield a écrit :
Le validateur CSS me sit qu'il y a une erreur à la ligne 150 (ici, la toute dernière...le </div>)

Hello,

Le Validateur CSS ne peut pas vérifier le code XHTML, ce n'est pas son boulot.

S'il s'agit d'une validation XHTML et non CSS, il va falloir déplacer ce sujet dans le salon suivant :
HTML, XHTML, sémantique web
Les langages hypertexte, l'utilisation des balises, la structure des sites internet et leur validation W3C

ah ouaip, désolé...

Ok, maintenant j'ai des erreurs dans ma feuille de style, je refais un sujet dans "css, mise en forme..." ou on continue ici ?

je vais essayer d'en corriger un max...
mais y'en a certaines pour lesquelles je ne vois pas.

http://www.photollivier.com/styles.css

Re!

Pas la peine d'ouvrir un nouveau sujet maintenant Si tu compares le résultat du validateur XHTML et celui du validateur CSS, tu verras qu'il y a un problème au même endroit !

Apparement, c'est le caractère "<" qui pose problème. Tu devrais le remplacer par l'entité html correspondante : "&lt;". De même, tu as intérêt à remplacer ">" par "&gt;"

Je déplace dans le salon xhtml, puisque finalement c'est bien là que se situe le problème
Modifié par Thomas D. (16 Jan 2007 - 11:05)

ok !
comment ça s'apelle ce type de problème ? encodage ?
où peut on trouver les équivalences ?
du genre "&gt;" devient ">"

dans la validation CSS, il me dit evidement :

La propriété -moz-border-radius n'existe pas. : 5px

Mais cela n'empèche aucunement de naviguer

Est-ce que cela provoque des erreurs avec certains navigateur ?
J'ai pas envie de surcharger le code pour insérer des coins ronds, hors de question !


EDIT :
après, y'a les avertissements dont je comprend pas le sens :

58 	 	La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes #header et #menu a
58 		La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes #header et #menu a
58 		La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes #header et #menu a
248 		La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes html et .footer a

Qu'est-ce que ça peut faire la couleur que j'utilise ??
Modifié par stanfield (16 Jan 2007 - 11:28)

Certains caractères sont simplement réservés par le langage, il faut les échapper ... ce n'est pas vraiment un problème d'encodage.

Pour touver les entités html, demander à Google

-moz-border-radius est une propriété "expérimentale" (à l'étude pour CSS3, je pense). Elle n'est donc pas "standard" et génère une erreur. Mais ça ne pose pas de problème aux autres navigateurs (en tous cas, pas que je sache).

Ok !

Puisqu'on en est là :
y'a t'il un moyen de mettre le menu dans le flux sans que ça me décale tout vers le bas dès que je passe dessus avec la souris ? j'ai cherché pas mal de temps la solution, mais je vois pas...

merci.

stanfield a écrit :

EDIT :
après, y'a les avertissements dont je comprend pas le sens :

58 	 	La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes #header et #menu a
58 		La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes #header et #menu a
58 		La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes #header et #menu a
248 		La même couleur est utilisée en tant que couleur et couleur de fond dans les deux contextes html et .footer a

Qu'est-ce que ça peut faire la couleur que j'utilise ??

Bonjour,

Comme dans bien des cas la réponse est dans la FAQ :
Que faire si le validateur CSS W3C renvoie des avertissements ?

<hs style="display:none; locate="dehors">
d'ailleurs j'ai trouvé une petite faute de frappe dans le lien d'igor

a écrit :
faute d'utiliser des guillements

</hs>

édit par Igor: merci c'est corrigé
Modifié par Igor (16 Jan 2007 - 12:50)

j'avais pas pensé à la FAQ, merci bien...

Une idée pour mettre mon menu dans le flux ?

En fait, c'est pour dreamweaver... tout ce qui sort du flux est assez difficile à gérer car il se supperpose avec d'autre élément...

merci d'avance.

Tu ne peux pas en même temps
- garder le menu dans le flux
- faire en sorte que tes sous-menus s'affichent au-dessus du reste de la page.
Il faut choisir.

La meilleure solution serait de ne pas laisser Dreamweaver gérer le positionnement de tes blocs à ta place, mais d'y réfléchir un peu avant de se lancer dans le code, pour mettre en place un système efficace

Ok, mais alors à quoi sert z-index ?! strictement à rien ?

C'est quand même bien pour "superposer les calques" ?

C'est dommage ça....