Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1439 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°538475
neyro
Posté le 15-09-2004 à 16:13:14  profilanswer
 

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
mood
Publicité
Posté le 15-09-2004 à 16:13:14  profilanswer
 

n°538586
neyro
Posté le 15-09-2004 à 18:08:31  profilanswer
 

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

n°538589
void_ppc
Posté le 15-09-2004 à 18:09:36  profilanswer
 

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

n°538593
neyro
Posté le 15-09-2004 à 18:14:25  profilanswer
 

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.

n°538610
neyro
Posté le 15-09-2004 à 18:43:25  profilanswer
 

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
n°538663
satirik
Posté le 15-09-2004 à 21:10:30  profilanswer
 

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
n°538704
neyro
Posté le 15-09-2004 à 23:55:29  profilanswer
 

Ah oui visiblement, ça marche que sous IE :/
Mais bon sinon la première solution va bien pour un dégradé :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

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

 

Sujets relatifs
logiciel pour faire des zones avec lien hypertext sur une imageEffacer un detail dans une image
comment faire scintiller une imageImage thématique ... [Help]
Problème de résolution et de format d'impression[Concours #57 ] le silence en image
image pour signaturePq mon image qui est vectorisée sur illustrator se pixelise sur toshop
Comment mettre un lien sur une image animer ?image pour commentaires 4.....;)
Plus de sujets relatifs à : [body - background] Comment étirer une image selon la résolution?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR