Discussion :

[Sebou77]

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

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
Mais bon voilà j'ai vraiment rien trouvé sur le net qui parle de ce truc

Quelqu'un à une idée ?

Merci

[JackBeauregard]

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.

[CR_Gio]

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 ?

@++

[Sebou77]

Merci beaucoup pour vos réponse, je pense que le background-repeat pourrait marcher, mais je ne l'ai jamais utilisé.
Voici mon image :


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

[Candygirl]

En gros je veux juste que la couleur bleu se répete sur toute la largeur de la fenetre.

Alors, par exemple, tout simplement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#tonconteneur {
background:#273D76 url(navigation1uu8.jpg) no-repeat top left;
height:61px;
}

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 ?

[Sebou77]

le grand espace blanc c'est juste parce que j'ai coupé l'image avec paint "à l'arrache"

Mais sinon merci pour le code, j'ai cherché sur le net je pense que c'est exactement ce qu'il me fallait

Merci beaucoup à tous