Tom's Guide > Forum > Programmation > Background Dégradé

Background Dégradé

Forum Programmation : Background Dégradé

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonjour,

Je fais appel à vous car j'ai un ennui pour mon site Web, codé en CSS et xHTML.

Tout d'abord pour votre information c'est un site vitrine ou tout les éléments (header, menu horizontal, corps et footer) sont centrés.

La seule chose que je n'arrive pas à faire c'est mon fond, qui est un dégradé :

http://images2.hiboox.com/images/3207/9s0oktz4.png

Comment dois je le découper puis le coder ? Sachant que j'aimerai qu'il s'adapte à toute les formes d'écran sans résolution précise ?

Merci de vos réponses :)

------------------------------ I am not a bot...
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Tu coupes une bande de 1px de large et de toute la longueur.
Après, tu déclares en CSS un background prenant toute la largeur.
background-image et background-repeat tu auras besoin entre autres.

------------------------------ Les dessins des seins ou les desseins des saints ?
Répondre à OmaR

Et pour que ton dégradé soit bien centré au milieu de ta page (dont la hauteur est amenée à évoluer et sera même différente selon les préférences du navigateur de l'utilisateur) je te conseille soit de faire un dégradé immense, soit de le faire de la taille que tu veux, de le mettre au milieu de ta page avec background-position: middle; , et de mettre pour background-color la couleur des extrémités de ton dégradé.
Ainsi tu es sûr de ne pas te retrouver avec une bande blanche en bas de ta page parce que ton dégradé n'est pas assez haut (et n'oublies pas le repeat-x pour ne pas que ton dégradé "recommence" en hauteur).

On peut sans problème combiner un background-image et background-position, la couleur prenant automatiquement la suite de l'image lorseque celle-ci est "finie".


J'espère avoir été clair mais je suis pas sûr ! lol

Répondre à Le Yaude
Tom's Guide > Forum > Programmation > Background Dégradé
Aller à :

Il y a 285 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens