Bon, déjà, CLEAR n'a jamais été un attribut, ni en strict, ni en transitionnel, ni en rien du tout.
Ensuite, il vaut parfois mieux mettre un style= quand c'est utilisé une seule fois, plutot que d'ajouter une classe ou un id à ta feuille css.
Faut savoir trouver le bon compromis.
tout mettre dans sa feuille de style l'alourdira pour rien, surtout si le style n'est utilisé qu'une fois dans tout le site.
Et puis, pense avant de mettre des styles à tout va, qu'il existe des balises html (souvent oubliées les pauvres) qui ont déjà un début de mise en forme.
Exemple : si tu veux faire un titre de news, évite de faire un
Code : Tout sélectionner
<span class="titre_news">
Code : Tout sélectionner
</span>
Code : Tout sélectionner
<p class="titre">le titre</p>
Le truc c'est que beaucoup pense que si leur site a été validé xhtml c'est qu'il est niquel au niveau du code.
FAUX FAUX FAUX et archi FAUX.
La première mise en forme doit se faire au niveau des balises.
Pas d'usage abusif des div ou des spans. Les div ne servent qu'à créer des blocs (le corps, l'entete, le contenu, le menu,le pied de page).
Pensez à utiliser les balises hx pour vos titres, la balise
Code : Tout sélectionner
<p>
Il faut également préféré les
Code : Tout sélectionner
<ul ><li>
Code : Tout sélectionner
< br / >
Code : Tout sélectionner
<ul><li>
Code : Tout sélectionner
<ol>
Code : Tout sélectionner
<dl>
Pour votre mise en page textuelle, il existe des balises comme BIG, BLOCKQUOTE, ABBR, ACRONYM qui sont totalement oubliées.
BIG permettra de mettre en évidence un mot ou une expression qui a de l'importance dans le texte. La différence avec
Code : Tout sélectionner
<b>
Code : Tout sélectionner
<big>
BLOCKQUOTE permet de définir que le texte est une citation. Cette balise prend l'attribut 'cite' pour linker vers le site source.
ABBR permet de spécifier que le texte est une abbréviation. Avec l'attribut title, vous donnez le sens de l'abbréviation (merci firefox car ie ne le prend pas en compte)
ACCRONYM permet de définir des sigles (SNCF, VTFF, LOL, CTB,CMB) via l'attribut title également. (merci fofox encore une fois).
L'avantage d'utiliser les balises spécifiques et que les synthétiseurs vocaux seront plus efficaces (quand il veront CTB en accronym, il ne diront pas "STEUB", mais bien "C T B" et certains diront même la signification si elle est dans title " Comme ta Bite").
Bon les aveugles on s'en fout un peu (sort de moi humour noir, sort de moi). Mais au niveau du référencement, vous gagnerez en crédibilité et en efficacité. Car les robots aiment les choses faitent dans les règles de l'art.
Je viens de me rendre compte que j'ai fait un long speech lourd et rébarbatif, mais j'espère qu'il vous servira.
Voici un petit lien sympa pour les balises HTML : http://www.laurent-bernat.com/html-bali ... ap_balises
Un ptit tour sur mon blog (que j'ai toujours pas mis à jour :<) pour d'autres infos : http://creactivex.blogspot.com/
En espérant avoir servi à quelque chose.
PS : Le site bugge sous firefox.
Source possible du problème : application de width à un span (marche sous ie car c'est de la merde mais pas sous firefox car c'est génial); utilisation de padding pas gérer de la même manière (évitez le plus possible les padding).