Image ou couleur dans le header et footer.

[Fistou69]

Bonjour,

Une petite aide SVP!

He oui depuis un bon moment j'essaie de modifier mon css pour obtenir une image dans le header et le footer qui s'élargit en fonction de la largeur de la résolution de l'écran, le site lui étant fixe à 980 px.

J'arrive bien soit à la mettre dans le header soit dans le footer, mais pas dans les deux à la fois.
Le problème c'est que je suis loin d'être un spécialiste du css et vous demande un peu d'aide.

Merci par avance.

[seno]

Bonjour,
Ce serait top pour ce que j'aimerais faire. As tu trouvé une solution ?
Merci. :-)

[seno]

Auriez-vous une solution pour avoir ne serait-ce qu'une image dans le bas par dessus le background ?

J'ai essayé de mettre une image dans le footer; mais il ne fait que 980px de large.
Si je met une image plus large; elle est troquée; si je change la valeur 980; je n'arrive pas à corriger la "mise en page" qui est complètement "désaxée".

J'ai essayé de mettre 2 images dans le background:

body {
   /*background-color: #97bfcb;*/
   background: transparent url(../img/bas.jpg) no-repeat scroll center bottom;
   background: transparent url(../img/fond.jpg) no-repeat scroll center top;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: black;
   text-align:center;

   margin: 0;
   padding: 0;

   /*color: #5A554E;*/
}

Mais à moins d'une astuce; (ce serait top) il n'est pas possible de mettre 2 images.

Si quelqu'un peut m'aider; ce serais vraiment bien. :-)

[seno]

Plusieurs images dans le background: uniquement en css3. Dommage.

Personne n'as d'infos ?

[Maury Girard]

allez voir sur ce post là
sur ce thème vous pouvez trouver la solution.

Sinon il existe 2 modules qui permet cela celui
le 1er est SotEW là
mais l'autre je connais plus le nom ,c'est un module qui se gère dans le footer pour les images ou autres intégrations
à faire

[seno]

Merci Maury Girard, mais vous avez dû me lire en diagonale.
Je ne cherche pas à mettre une image dans le footer (c'est fait); mais j'aimerais que l'image dépasse des deux côtés des limites de ce "footer".

Par exemple avec l'excellent module AddBlocks de Sotew; si je met une image plus large que 980; elle dépasse sur la droite; mais pas sur la gauche de ce footer.

Comment faire ?

[marty69]

et en sortant le div "footer" du div "page" dans le footer.tpl ?

[seno]

Bonsoir,
Je ne m'y connais pas trop; mais je ne vois pas de div “page” dans le footer.tpl.

[seno]

Voici le contenu du footer.tpl non modifié.

    {if !$content_only}


<!-- Right -->

               {$HOOK_RIGHT_COLUMN}


<!-- Footer -->
{$HOOK_FOOTER}

   {/if}
   </body>
</html>

[Atch]

Salut,

dans le footer il y a juste la "fermeture"

{if !$content_only}


<!-- Right -->

               {$HOOK_RIGHT_COLUMN}


<!-- Footer -->
{$HOOK_FOOTER}
<---------elle est là la fermeture de l'id "page"
   {/if}
   </body>
</html> 

Pour sortir le footer de la balise div page il faut le faire ainsi :

{if !$content_only}


<!-- Right -->

               {$HOOK_RIGHT_COLUMN}


<!-- Footer -->
 <!-- /page -->

{$HOOK_FOOTER}

   {/if}
   </body>
</html> 

V++

Atch

[seno]

J'en reviens pas!
Juste avec ça:

Et mon problème s'envole.
Merci beaucoup à vous deux.

Et puisque je vous ai sous le coude j'en profite au cas ou vous auriez une solution facilement explicable...

A présent, avec cette image dans le footer, lorsque je bouge la largeur de ma fenêtre sur le site; une partie du contenu (image du background (non utile)) se cache sur la gauche, puis ça se bloque et c'est la droite qui est "mangée".
L'image du footer quand à elle (je l'ai centré dans global.css) ne suis pas le modèle du reste du site et un décalage se crée.

Combien de lettres pour résoudre se problème ? ;-)

Encore merci.