Jump to content

[ RESOLU ] comprendre le background-image


Recommended Posts

Bonjour à tous,

 

Alors vous allez vite comprendre avec le sens de ma question, que je suis un as de la programmation . :P

 

Pour le fond de mon site je voudrais:

 

inserer une image ( ca je sais )

la repeter verticalement ( bon ca c'est << repeat-y >> je crois )

 

mais je n'arrive pas : :angry:

 

a) à lui donner la bonne dimension

B) et à la centrer

 

quel est le code pour cette manip que je suppose doit etre tres simple.

 

Merci de votre aide car j'ai presque trouvé mais

je ne trouve pas :blink:

 

Bonne journée vous

Edited by alpatino (see edit history)
Link to comment
Share on other sites

Hello,

dans ton global.css essayes ce code :

background: url("../img/tonimagedefond.jpg") repeat-y fixed center-top #ffffff;

 

le #ffffff est optionnel dans le sens ou tu voudrais un blanc dans ton fond.

 

Voilà ça devrait "à vue de nez" répondre à ta question.

 

Bonne journée

Link to comment
Share on other sites

Je ne pense pas que l'attribut "center-top" soit correct en css, "center top" passera.

Et l'attribut "fixed" va figer l'image lors du scroll vertical.

 

Donner "une bonne dimension" à une image de fond ne veut pas dire grand chose car tous les écrans ont des tailles différentes donc pour chaque écran tu as une taille idéale différente...

Après, il existe des Javascripts qui peuvent étirer l'image l'image à la taille de l'écran (notamment un que j'avais utilisé qui s'appelle BgMax) mais attention car l'image sera étirée

 

Image répétée verticalement qui commence centrée en haut :

background: url("../img/tonimagedefond.jpg") repeat-y center top #ffffff;

Edited by franckm1000 (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...