Posts tagged ‘CSS’

Validation xhtml strict : textes rayés et _target…

Strike !

J’avais l’habitude d’utiliser les balises <strike> et </strike> pour rayer une ligne de texte en HTML, . Seulement ces balises sont dépréciées et feront sauter votre validation xhtml strict!

La solution que je préconise pour barrer du texte en HTML est d’utiliser l’équivalent CSS.

Il suffit par exemple de créer une classe « strike », et de créer un span portant cet attribut de classe pour rayer un texte.
Exemple :

En CSS :
.strike {
text-decoration: line-through;
}

En xHTML :

<p>Ceci est un mot <span class=’strike’>rayé </span></p>

Target !

Autre écueil du passage au xhtml strict: l’utilisation de l’attribut « target=_blank » pour ouvrir un lien dans un nouvel onglet ou une nouvelle fenetre.

L’attribut n’est plus valide xhtml strict, il faut aors utiliser javascript et remplacer l’attribut par :

onclick=« window.open(this.href); return false; »

24 mars 2009 at 15 h 48 min Laisser un commentaire

margin-left:auto et margin-right:auto : problème sous IE 7 ?

Si comme moi vous avez passé une après midi à vous arracher les cheveux un à un pour faire fonctionner les marges automatiques sous IE7 (qui fonctionnent parfaitement sous Firefow) alors lisez ce post:

Il suffit de déclarer un doctype correct, et de vérifier qu’aucun espace ou autre caractère se situe avant la ligne de déclaration du doctype…

Exemple de Doctype que j’utilise:

<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd »&gt;
<html xmlns= »http://www.w3.org/1999/xhtml &raquo; xml:lang= »en »>

5 novembre 2008 at 15 h 23 min 6 commentaires


Articles récents