Morgatte Posted January 8, 2010 Share Posted January 8, 2010 Hello,J'ai un souci, j'ai un background fixe sur mon site, et seul le contenu (modules et autres) se déplace par dessus ce background fixe.Voici un exemple de site comme le mien. http://www.arthusandco.com/Ce que j'aimerais, c'est savoir comment remplacer ce background par un bandeau au niveau du header et un autre bandeau dans le footer pour donner l'illusion d'un background unique déplaçable en même temps que le reste du contenu.Voici un exemple : http://www.aktywnysmyk.pl/Je ne veux pas d'une unique image de background déplaçable car sinon elle ne me permettera pas d'avoir une taille de page variable.Il me faut bien une image dans le header (avec dégradé vers une couleur unique), le fond de ma page de la couleur unique, et une image de footer (avec un dégradé vers la couleur unique).Je sais pas si je me suis bien expliqué.Merci. Link to comment Share on other sites More sharing options...
jeckyl Posted January 8, 2010 Share Posted January 8, 2010 Salut,Pour faire cela il faut que ta div header et footer soient elles même englobé es dans une div qui fera la largeur complète de l'écran avec un fond. Link to comment Share on other sites More sharing options...
Morgatte Posted January 8, 2010 Author Share Posted January 8, 2010 Merci Jeckyl, je vais essayer Link to comment Share on other sites More sharing options...
Morgatte Posted January 9, 2010 Author Share Posted January 9, 2010 Je continue mon topic.... mon problème se précise...J'ai donc mis ceci dans le header.tpl juste sous la balise <body ....> et ça fonctionne j'ai bien une image bandeau dans le header et elle se déplace avec le reste du contenu de la page. Cependant cette image ne prend pas la totalité de la largeur de ma page, je me suis donc dit que je pourrais coller derrière est une image de 2pixels*50pixels répétitivement. Comme ça quelque soit la résolution d'écran le bandeau prendrait toujours toute la largeur.J'ai fais ceci mais ça ne fonctionne pas, ma petite image répétitive ne s'affiche pas.Global.css avant : /* UNE IMAGE BACKGROUND unique et qui ne se déplace pas body { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF url(../img/fond.jpg) no-repeat fixed center center; background-color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #601060; text-align:center; } */ Global.css maintenant : body { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF url(/img/repet.jpg) repeat-x scroll 0 0 background-color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #601060; text-align:center; } Merci. Link to comment Share on other sites More sharing options...
Fluorite Posted January 9, 2010 Share Posted January 9, 2010 BonjourEt avec la valeur max-width:250px; qui doit être la valeur réelle de l'image.bye yannick Link to comment Share on other sites More sharing options...
Fluorite Posted January 9, 2010 Share Posted January 9, 2010 Rej'avais pas fait gaffe,mais si c'est une image a couleur unique peut-être qu'avec un background: url(../img/image.jpg) repeat-x; ça ferais l'affairebyeYannick Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now