Version imprimable
Bonjour à tous,
bon je vais faire simple, j'ai une image qui fait office de bannière, mais elle occupe pas toute la largeur de la page, et donc je voudrais l'étendre :D
On m'a dis que je pouvais utiliser une "fonction" qui se chargé de copier 1 pixel de largeur de ma banière et de copier ce pixel jusqu'à ce qu'il atteigne le bord de l'écran 8O
Mais bon voilà j'ai vraiment rien trouvé sur le net qui parle de ce truc :oops:
Quelqu'un à une idée ?
Merci ;)
C'est la propriété background-repeat: repeat-x (ou y).
Cela nécessite d'utiliser aussi la propriété background-image: url() pour attribuer à ta div l'image de fond.
Mais ton fond sera uniforme, le même motif de 1px de largeur sera répété tout le long.
Si c'est une photo ou autre alors ça ne fonctionnera pas, la seule solution c'est de la retoucher avec ton logiciel.
salut
Quel sont les dimension de ton 'image' ?
Tu pourai pas plutot nous montré l'image ?
Tu veux que ton image occupe tout la largeur de la page ( donc redimensionnement de l'image) ou tu veux que cette image(motif) recouvre toute la surface de ta banniere ?
@++
Merci beaucoup pour vos réponse, je pense que le background-repeat pourrait marcher, mais je ne l'ai jamais utilisé.
Voici mon image :
http://img301.imageshack.us/img301/7...gation1uu8.jpg
En gros je veux juste que la couleur bleu se répete sur toute la largeur de la fenetre.
J'aurais du mettre l'image, ça parrait plus clair maintenant je suppose :)
Citation:
Envoyé par Sebou77
Alors, par exemple, tout simplement:
En fait l'option choisie va dépendre de ton montage final; y a-t-il qqch qui va venir sur la banner ? y a-t-il une inscription dessus que tu n'aurais pas fait figurer ici ? auquel cas la place de l'image serait alors plutôt dans l'html. Aussi pourquoi ce gros espace blanc au-dessous ?Code:
2
3
4#tonconteneur { background:#273D76 url(navigation1uu8.jpg) no-repeat top left; height:61px; }
le grand espace blanc c'est juste parce que j'ai coupé l'image avec paint "à l'arrache" :mouarf:
Mais sinon merci pour le code, j'ai cherché sur le net je pense que c'est exactement ce qu'il me fallait 8-)
Merci beaucoup à tous :mrgreen: