Background infini

[Résolu/Fermé]
Signaler
Messages postés
312
Date d'inscription
mercredi 23 septembre 2009
Statut
Membre
Dernière intervention
12 mai 2016
-
Messages postés
312
Date d'inscription
mercredi 23 septembre 2009
Statut
Membre
Dernière intervention
12 mai 2016
-
Bonjour tout le monde !
Alors voilà ça commence à faire quelques sites ou je voit des images en background qui paraissent infinie.

J'ai un Mac de 22 pouces et j'ai beau étirer la fenêtre du navigateur, l'image se poursuit, mais pas en mosaïque, c'est bel et bien l'image qui se poursuit. Comme un paysage ou on étire, on étire et on aperçoit des éléments différents (éolienne, champs, moulin, ...)

Comment peut on faire ça, parce que je pense qui si je met une image en background immense, je vais avoir un ascenseur verticale non ?

parce que dans ses sites là, l'image semble se continuer (je me doute bien qu'elle fini bien un jour) mais sans ascenseur verticale. Et niveau design, y a moyen de faire des choses très sympa avec ça.

Je reprécise bien que ce n'est pas une mosaïque, donc, c'est pas avec l'attribut "repeat" du CSS.

6 réponses

Messages postés
43
Date d'inscription
lundi 18 janvier 2010
Statut
Membre
Dernière intervention
17 mai 2010
3
il n'a jamais d'ascenseur hrztl sur un background ?

Non, pas à ma connaissance.

Comment mettre plusieurs image en background ?

Le mieux est de mettre dans le css :
- ton image répétable dans le body
- ton image du haut dans un div en haut
- ton image du bas dans un div en bas

Sa donne un truc comme sa :

<body>
<div id="haut">Titre</div>
<div id="page">mon texte</div>
<div id="bas">pied de page</div>
</body>



body{background: url('fond.jpg') repeat-y;}
#haut{background: url('haut.jpg') no-repeat;}
#bas{background: url('bas.jpg') no-repeat;}
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

Messages postés
43
Date d'inscription
lundi 18 janvier 2010
Statut
Membre
Dernière intervention
17 mai 2010
3
Tu as un exemple de site ?
Messages postés
312
Date d'inscription
mercredi 23 septembre 2009
Statut
Membre
Dernière intervention
12 mai 2016
5
effectivement,ce sera plus simple ^^

http://www.page-contacts.com/couverture-sac-08/

Je suis pas sur que ce soit un bon exemple là parce quand j'étire à fond en décalant mon navigateur je vois la fin de l'image le fond est blanc.

mais y a pas d'assenseur hrztl

si c'est ça la solution, ben c'est juste une immense image d'arrière plan.
Messages postés
43
Date d'inscription
lundi 18 janvier 2010
Statut
Membre
Dernière intervention
17 mai 2010
3
Dans ce cas là, c'est effectivement une grande image en arrière plan. Tu est donc limité pour la hauteur de ton site.

Pour faire un design plus fluide, tu peut aussi mettre une image en haut, une autre en bas et au milieu une image qui se répète sur Y.
Messages postés
312
Date d'inscription
mercredi 23 septembre 2009
Statut
Membre
Dernière intervention
12 mai 2016
5
d'accord alors 2 questions du coup :

- il n'a jamais d'ascenseur hrztl sur un background ?
- Comment mettre plusieurs image en background ?

avec ça, ce sera résolu.
Messages postés
312
Date d'inscription
mercredi 23 septembre 2009
Statut
Membre
Dernière intervention
12 mai 2016
5
ok ca marche !

merci du coup de main ;)