Travailler avec CSS : conseils pratiques (suite)

Ce billet date de plusieurs années, ses informations peuvent être devenues obsolètes.

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.

Avant Merci Après Bye bye La page de Marco

Tag Kemar Joint