(RESOLU)Comment mettre la bannière sur toute la longueur?

[GAELLE]

Bonjour,

Je souhaite mettre une bannière qui ferait toute la longueur du site (1500 * 150)
Actuellement cette image est placé dans préférence _>Apparence.

Quand j insère l'image créée, voila ce que ca donne (voir fichier)
Dans la colonne de gauche rien n'apparait, la bannière commence au début de mes categories

J'ai essayé avec firebug et ca ne va pas.

Alors si quelqu'un a une idee ? Merci

[donaldlloyds]

je vais te donner une réponse comme je le sent (comme j aurais fait) car je ne suis pas encore tres doué,
pour moi le problème vien que ton image est trop grande pour ton header, donc elle depasse a droite
retaille ton image au bonne dimension de facon a la centrer est avoir une page blance a gauche et a droite
puis mais un backrground avec ton effet de dégradé afin de l avoir sur l ensemble de la page.

[donaldlloyds]

je t ai fait une petite illustration de mes propos

[GAELLE]

merci mais en fait le plus simple c'est de mettre mon image en background !
tu peux m aider ? Comment as tu fais pour mettre ton background ? Il va ou le code ? Merci beaucoup !

[donaldlloyds]

dans c est cas la effectivement tu peut faire comme ca (mais c est moins propre) mais ne met pas ton logo dans ton background il viendra dessus.

background:white url(http://.../img/bg.jpg) no-repeat scroll center top;

ton back ground doit faire la largeur total de ton site (1600 px)

mais je persiste a dire que du aurais du avoir ta bannière dans le header
par dessus un background (le mieux avec ton dégradé serait une répétition) c est moins lourd

[GAELLE]

Je veux bien essayer ta solution mais comment je fais pour mettre un degradé derrière ? et puis la répétition comment je fais ? Excuse mais avec les codes j'ai un peu de mal !

[donaldlloyds]

Je veux bien essayer ta solution mais comment je fais pour mettre un degradé derrière ? et puis la répétition comment je fais ? Excuse mais avec les codes j'ai un peu de mal !

pour mettre un background tu va dans ton global.css
dans la balise body { (ligne 16)
tu rajoute ce code dans le script "background"

background: white url(../img/bg.png) repeat-x scroll 0 0

tu créer ensuite un fichier au format png (tu peut aussi mettre un jpg mais change l extension dans le code aussi) que tu nomme bg.png et que tu place via ftp dans le dossier /img/

l image sera répété sur l axe X (horizontal) donc il te suffit de creer une image de la hauteur que tu veu et en largeur met le plus léger possible 5px par exemple

enjoy

[Morgatte]

Hello,

Oui, c'est une solution. J'ai aussi fait pareil.
Voici en plus détaillée une méthode analogue.

Elle permet soit de placer un Background fixe soit un background totalement adaptable à la page.
C'est à dire, aussi bien en largeur qu'en hauteur :

- répétition du motif horizontal du Header + Image centrale principale par dessus
- répétition du motif horizontal du Footer + Image centrale principale par dessus
- Adaptation de la taille du background suivant la longueur du contenu de la page.

http://www.prestashop.com/forums/viewthread/40307/graphisme/background_fixe_ou_deplacable

[GAELLE]

Cest ok, j'ai reussi à mettre mon image en background ( dans body) maintenant voila le problème (voir fichier) comment je fais pour ne pas que ca se chevauche ? merci

[GAELLE]

" l image sera répété sur l axe X (horizontal) donc il te suffit de creer une image de la hauteur que tu veu et en largeur met le plus léger possible 5px par exemple "

pour avoir un degradé de violet quelle image je dois créer ?

[donaldlloyds]

je te la fait ce soi en rentrant ca ira plus vite que d expliquer lol
sinon il te suffit juste de faire un png de ton dégradé avec une largeur de 5 px et une la hauteur que tu veu e partant du top

[donaldlloyds]

tien je t ai fait un exemple avec l image que tu a donné (donc juste pour que tu test)

[GAELLE]

ok ! jsuis trop bête ! je pensais que 5px de largeur c'etait l'autre sens...C'est pour ca que ca ne pouvait pas marcher !! merci encore je teste ca de suite !

[GAELLE]

c'est bon c'est ok ! merci beaucoup pour votre aide. Je vais mettre un ptit résolu !

[donaldlloyds]

de rien ca fait plaisir

[Kreasite]

Elle commence sérieusement a prendre forme cette boutique, c'est chouette.

++

DAV