[RESOLU] Dégradé 100% hauteur et largeur ?

Dégradé 100% hauteur et largeur ? [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 13-09-2006 à 17:16:10    

Bonjour,
 
Comment faites-vous pour mettre un degradé en image de fond sur une page html.
J'ai une image de 100px de haut et 1px de large.
J'aimerai pouvoir l'étirer sur 100% de la hauteur et repeter sur 100 de la largeur.
Le repeat-x est ok.
Mais comment faire pour étirer mon image sur 100% de la hauteur?
 
Merci bcp,


Message édité par tu_dilires le 14-09-2006 à 17:12:52
Reply

Marsh Posté le 13-09-2006 à 17:16:10   

Reply

Marsh Posté le 14-09-2006 à 15:44:08    

bah ca tu peux pas...
prends une image de + de 100px de haut, et arrange toi pour que ton background-color soit l'une des couleurs "extremes" de ton dégradé...

Reply

Marsh Posté le 14-09-2006 à 16:56:14    

Il y a une solution :  
 

Code :
  1. body{
  2.    background-color: #FFFFFF;
  3.    margin:0px 0px 0px 0px;
  4.    background-image:url(monimage.png);
  5.    background-repeat:repeat-x;
  6.    background-attachment:fixed;
  7.    background-position:top;
  8. }


 
monimage.png est une image de 1px de large et d'une hauteur convenable (env. 800 à 1000px). La couleur de l'arrière-plan est la même que la deuxième couleur du dégradé de mon image.
En plaçant l'image en fixed, ca rend bien.

Reply

Marsh Posté le 14-09-2006 à 19:27:56    

Reply

Marsh Posté le 15-09-2006 à 10:57:11    

tu_dilires a écrit :

Il y a une solution :  
 

Code :
  1. body{
  2.    background-color: #FFFFFF;
  3.    margin:0px 0px 0px 0px;
  4.    background-image:url(monimage.png);
  5.    background-repeat:repeat-x;
  6.    background-attachment:fixed;
  7.    background-position:top;
  8. }


 
monimage.png est une image de 1px de large et d'une hauteur convenable (env. 800 à 1000px). La couleur de l'arrière-plan est la même que la deuxième couleur du dégradé de mon image.
En plaçant l'image en fixed, ca rend bien.


euh ouais c'était ce que je disais quoi.

Reply

Marsh Posté le 15-09-2006 à 14:37:57    

Did-54
 
Ouais tout à fait, j'ai cependant écrit le code au cas où...

Reply

Sujets relatifs:

Leave a Replay

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