[body - background] Comment étirer une image selon la résolution?

Comment étirer une image selon la résolution? [body - background] - Web design - Graphisme

Marsh Posté le 15-09-2004 à 16:13:14    

Bonjour, :hello:
 
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:
http://image.lycos.fr/common/bluesky_back.jpg et elle s'étire pour s'ajuster à la taille de l'écran


Message édité par neyro le 15-09-2004 à 17:33:04
Reply

Marsh Posté le 15-09-2004 à 16:13:14   

Reply

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é).
 
 
:??:

Reply

Marsh Posté le 15-09-2004 à 18:09:36    

ptet en js ca modifie dynamiquement la balise <img> en modifiant les dimensions ?

Reply

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.

Reply

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é. :)


Message édité par neyro le 15-09-2004 à 18:47:38
Reply

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')"


Message édité par satirik le 15-09-2004 à 21:15:59
Reply

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é :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed