Comment étirer une image selon la résolution? [body - background] - Web design - Graphisme
Marsh Posté le 15-09-2004 à 18:08:31
J'ai regardé du coté des css mais j'ai pas ce que je veux.
Par défaut, il me répète l'image horizontalement et verticalement.
Horizontalement, ça va mais verticalement, ça donne une image répétée (vu que c'est un dégradé).
Marsh Posté le 15-09-2004 à 18:09:36
ptet en js ca modifie dynamiquement la balise <img> en modifiant les dimensions ?
Marsh Posté le 15-09-2004 à 18:14:25
Si possible, j'aimerais éviter le JS mais bon, si y'a pas d'autres moyens, je ferais avec. En tous cas, je sais comment récupérer la résolution de l'écran en JS.
Marsh Posté le 15-09-2004 à 18:43:25
Ca y est, j'ai trouvé
body{
background-color:#FFFFFF;
background-image:url(...);
background-position: top left;
background-repeat: repeat-x;}
edit: en fait, c'est une sorte de bidouille. L'image est affichée en répétition sur la partie horizontale. Puis, la partie en dessous de l'image est colorée avec la couleur de la partie inférieure de l'image.
Ca donne l'impression que le fond est ajusté à la taille de l'écran.
Par contre, il faut faire une image assez haute (mais pas très large) pour conserver l'impression de dégradé.
Marsh Posté le 15-09-2004 à 21:10:30
caramail pour info c juste un degradé en haut apres c'est le bleu uniforme qui se repete ...
sinon j'ai trouvé ca ... je sais pas si ca fait moins bricolage ... et pe meme ke ca passe ke sous ie.
style="filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#000040',EndColorStr='white')"
Marsh Posté le 15-09-2004 à 23:55:29
Ah oui visiblement, ça marche que sous IE
Mais bon sinon la première solution va bien pour un dégradé
Marsh Posté le 15-09-2004 à 16:13:14
Bonjour,
Je commence à utiliser les images pour faire un site un peu plus gai qu'avec des couleurs unies.
J'ai un dégradé (genre le fond bleu du site caramail) qui correspond au fond de mon site.
Je voudrais faire une image de petite taille mais qu'elle s'ajuste selon la résolution de l'écran.
En largeur, pas de problème mais en hauteur, l'image se répète.
J'ai regardé sur caramail et que je sois en 1024x768 ou en 1280x1024, le fond s'ajuste.
Pour l'instant, j'ai juste mis dans mon body : <body....."background=url">
Mais je vois pas comment ajuster à la taille de l'écran en hauteur.
Pour vous donner une idée, l'image utilisée sur caramail est de cette taille:
et elle s'étire pour s'ajuster à la taille de l'écran
Message édité par neyro le 15-09-2004 à 17:33:04