Création weblog avec Dotclear, problèmes xhtml

Bonjour, voila en fait y'a qques jours j'ai eu envie de crée un blog, grâce à Dotclear, parce que j'en ai entendu beaucoup de bien, par exemple quant à son respect des standards (xhtml et css). Je l'ai installé, j'ai fais quelques retouches par ci par la, et j'ai rajouté récemment des boutons vers le site de w3c pour valider le xhtml de ma page et le css, mais il se trouve que ma page n'est pas valide en xhtml strict ! J'ai 18 erreurs actuellement, et comme je suis un newbie de chez newbie en xhtml, je ne sais pas ce qu'il faudrait faire pour corriger chacune de ses erreurs, je vois pas quel est le problème, par quoi il faudrait les remplacer etc...
Je tiens absolument a respecter ces standards, mais je voulais vous demander si vous pouviez m'aider à corriger toutes ces fautes (elles ne me semblent pas très importantes...)
Voici l'adresse du site : http://www.mario-france.fr.st/dotclear/ (merci de ne pas prêter attention a l'url du site lol, et à la pub à gauche ;p) Tout en bas vous trouverez les boutons de xhtml et css qui redirigeront vers les pages de check de w3c.

Merci beaucoup

Salut salut wab.

Tu as fais un bon choix, dotclear est un très bon moyen de partager ses textes et pensées facilement en quelques clics.

Ton intention de respecter les standards est certe louable, mais c'est loin d'être la principale qualité d'un site, les visiteurs sont les premiers visés, même si c'est toujours très satisfaisant d'avoir un site valide, il ne faut pas non plus bridé celui-ci pour une simple validation.

J'ai repéré quelques erreurs, notamment à cette ligne :

<h2>Syndication <img src="http://william.abisror.free.fr/dotclear/images/rss.png" border="0" name="rss" alt="rss"></h2>

- Une image ne peut pas être dans un titre, la seule façon de faire de mettre une image dans un titre est de mettre celle-ci en background via les CSS, sans oublier de mettre quand même du texte dans le titre pour les navigateurs textuels.


A bientôt

Merci beaucoup. Certes le respect des standarts est loin d'être la principale qualité d'un site web, mais je crois bien que l'ont peu faire un site qui respecte totalement ces standards, sans pour autant le brider non ?

Merci beaucoup en tt cas déjà pour cette petite erreur, je vais voir ce que je peux faire pour la réparer... peut être la supprimer ? lol

(J'ai oublié de préciser avant qu'il ne faut pas faire attention au post que j'ai fais, ce n'est juste qu'un test, en attendant que le reste sois finalisé ! )

Tout dépend du genre de site, ma petite réfléxion n'était pas vraiment destinée à des sites tels que des blogs créés sur dotclear qui est, à la base, valide est bien codé, c'était une remarque plus générale face à tous les webmestres qui semble apporter plus d'importance à la validation de leurs sites par rapport à la qualité.

Ceci dit, tu as raison de me reprendre dans mes propos, on peut arriver à un bon compromis entre qualité et validité.


Dès que tu auras corrigé le petit problème indiqué, fait moi signe et j'irai fouiner un peu plus loin dans ton code

Je changerai tt ca ce week end peut être, mais ce soir je n'ai pas le temps, et je risque d'en manquer jusqu'au 23 (bac de français oblige !). Je te remercie tout de même et j'essaierai d'avancer un peu quand même.

A demain peut être !

Bonjour Wab et bienvenue sur Alsacréations,

Dotclear est très bon choix effectivement pour la gestion d'un blog.

Comme le dit Gaylord.P la validité formelle ne fait pas tout.

Gaylord.P a écrit :

- Une image ne peut pas être dans un titre, la seule façon de faire de mettre une image dans un titre est de mettre celle-ci en background via les CSS, sans oublier de mettre quand même du texte dans le titre pour les navigateurs textuels.

Cependant une image peut être dans un titre même si cela pas beaucoup de sens dans ton cas. Le validateur t'indiques une erreur car la balise image n'est pas fermée. En xhtml tous les éléments vides qui ne necessitaient pas de balises fermantes en html (comme <img>, <hr>, <br> etc.) doivent être fermées. Pour les fermer il faut les coder comme suit:

<img src="xxxxxx.xxx" alt="" /> <hr /> <br /> etc.

Cette fermeture systématique des balises devrait résoudre l'essentiel de tes soucis de validation. S'ajoute à ceux-ci l'utilisation d'attributs de présentation qui n'ont plus court en xhtml comme border qu'il faut utiliser dans ta feuille de style pour les éléments concernés comme les images.

Pour ton image dans ce niveau de titre tu as plusieurs solutions pour le faire apparaitre via une règle style. Ce logo de syndication pourrait être affiché grâce à un pseudo élément comme :before ou :after, mais ceux-ci ne sont pas encore supportés par IE pour des éléments de titre. Il reste donc l'option d'une image d'arrière-plan pour le niveau de titre correspondant, à insérer dans une déclaration css du genre:

h2#rss{
	background: url(rss.png) no-repeat 0 0;
}

A noter que l'attribut html name que tu utilises n'est pas accepté en xhtml strict. Il faut lui spécifier un id.

Voilà quelques pistes.

Pour les différences entre html et xhtml tu peux lire cette présentation du w3c traduite en français: XHTML 1.0 : Le langage de balisage hypertexte extensible
Modifié par Igor (17 Jun 2005 - 21:37)