Une grille pour caler facilement les objets

Voici une technique simple, efficace, a laquelle il suffisait de penser…
Bien souvent, positionner un objet au pixel près s'avère mission impossible. On est obligé de faire petit a petit en s'approchant de la position voulu…
La technique présenté ici permet de vous faciliter grandement la vie.

Une règle en background

Le principe est simple. On place en background du body une image qui représente une règle graduée. De cette façon, d'un simple coup d'oeil vous pourrez voir si voter objet est bien positionné et si ce n'est pas le cas, grâce aux graduations, vous pourrez déterminer précisément les valeurs à lui appliquer…

Grille

voici 2 images de grille. L'une simple, l'autre avec un quadrillage plus fin. A vous de choisir votre préférée…

Exemple

Avec la grille simple : layout_grid2.htm
Avec la grille détaillée : layout_grid.htm

Source

L'idée originale provient de smileycat via j0k3r.net



19/07/2006 14:02 -

iDo –