25 novembre 2009

Une image en fond de page (3)

La taille d'une image est toujours fixe alors que les dimensions de l'écran varient d'un visiteur à l'autre.

Exemple d'une image (Tinypic) utilisée en fond de page - dimensions 1024x767 :

body {
          background : url(http://i24.tinypic.com/5aolrs.jpg);
}

Ce que voit un visiteur avec un écran 1024x768 :

aa1024x768_small2

Ce que voit un visiteur avec un écran 1680x1050 :

aa1680x1050_small

Par défaut (c'est-à-dire quand aucune précision n'est apportée), l'image de fond se cale non pas au centre de l'écran mais en haut à gauche de celui-ci.
De plus, si l'écran est plus grand que l'image, cette dernière sera répétée autant de fois que nécessaire pour remplir l'espace (c'est ce que l'on appelle l'effet mosaïque).

Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , ,