Ouvrir la navigation secondaire

Ce billet a plus de deux ans. S'il contient des informations techniques elles sont peut être obsolètes.

Précédent Merci
Suivant Bye bye La page de Marco

Travailler avec CSS : conseils pratiques (suite)

Tant que je suis chaud voici encore quelques conseils 

Débogage d'un layout

Pendant le débogage d'un layout, une astuce consiste à affecter temporairement aux éléments soit un fond de couleur (background), soit une épaisseur et une couleur aux bords, soit les deux. Cela permet de bien voir la limite des éléments.

A l'aide

Avant de demander de l'aide à quelqu'un pour le debogage de votre layout, soyez certain que vos fichier (x)html et css sont valide. Utilisez votre ami le validator. Consultez les sites qui font le point sur les bugs des navigateurs, genre Position is Everything.

Raccourcis pour les propriétés

margin: 0; s'applique à tous les côtés.

margin: 0 0 0 0; les valeurs s'appliquent respectivement aux marges du haut, de droite, du bas et de gauche. Sens des aiguilles d'une montre.

margin: 0 1px; correspond à margin: 0 1px 0 1px;

margin: 0 1px 2px; correspond à margin: 0 1px 2px 1px;

Le meilleur tutorial

Pour moi c'est clair, c'est la traduction des recommandation CSS2 du W3C en version française. Tout y est très bien expliqué. Rien qu'avec ce doc, vous pourrez tout réaliser. Après, il faut savoir si votre navigateur supporte toutes les propriétés, et s'il n'y a pas des bugs terribles.