Insérer une image de fond dans l’entete

cyrille

Août 2007

Bonjour

Je voudrais placer une image de fond dans l’entete de spip 1.9.2.
J’ai trouvé des solutions pratiques avec les CSS mais ça ne marche pas et je ne comprend pas pourquoi.

J’ai un dossier squelettes dans lequel se trouve le fichier habillage.css et un repertoire images avec une image : fond.jpg

J’ai donc ajouter ces lignes dans mon fichier habillage.css dans la partie #entete

background :#9DFF94 ;
background-image : url(images/fond.jpg) ;
background-repeat : repeat-x ;
background-position : top left ;

la couleur du fond s’affiche mais pas l’image, si vous avez des idées ???

J’ai regarder tous les sujets du forum mais je ne trouve pas

le site se trouve ici

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

fred

Août 2007

ben ça n’a rien à voir avec spip c’est une question de chemin, il faut savoir où est situé le dossier image par rapport au dossier où se trouve la css...
Indiquez l’intérêt que vous portez à cette réponse

0

cyrille

Août 2007

Bonjour

J’ai fait pas mal de tests avec le chemin et rien ne fonctionne !!!

Si je comprends bien, en mettant simplement fond.jpg dans l’url, et en plaçant l’image dans le même répertoire que le fichier habillage.css ça devrait s’afficher ... et bien non !!!

Merci pour ton aide
Indiquez l’intérêt que vous portez à cette réponse

0
Paulocochon

Août 2007
- Dans la feuille CSS correspondant à l’habillage de ta page :
  au niveau de :
/* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */
j’ai ajouté :
#bandeau { background-image: url(image-du-bandeau.gif); width: 900px; height: 90px; background-color:#000000; }
au dessus de # page.
- Dans la page HTML à créer :
j’ai placé : <div id="bandeau"> comme ceci :
[(#REM) Entete de la page + titre du site ] <div id="bandeau"> <INCLURE{fond=inc-entete}>
c’est sûrement de la bidouille, et ça vaut ce que ça vaut niveau explications (je débute : ) mais ça a marché chez moi.

Merci à ceux qui corrigerons si nécessaire ou expliquerons mieux que moi ! ; )
Indiquez l’intérêt que vous portez à cette réponse

0

Paulocochon

Août 2007

ah et petite précision, le fichier correspondant à l’image du bandeau image-du-bandeau.gif est placé à la racine (au même niveau que la page et de sa feuille de style).
Indiquez l’intérêt que vous portez à cette réponse

0

cyrille

Août 2007

Merci à tous, ça fonctionne correctement, en laissant mon fichier css avec mes modifications.
J’ai juste rechargé mon fichier fond.gif dans le répertoire correspondant ...

Les mystères de l’informatique !!!

Cyrille
Indiquez l’intérêt que vous portez à cette réponse

0

zab

Août 2007

ton répertoire images devrait être à la racine du site (enfin, au même niveau que spip.php), et là ta première version de css doit fonctionner.
En fait, une fois que ta page est générée par spip, c’est comme si elle se trouvait à la racine du site. Donc elle va chercher les éléments dans les dossiers depuis la racine.

zab
Indiquez l’intérêt que vous portez à cette réponse

0

squirrel

Juin 2010

senteur noisette :-)
Indiquez l’intérêt que vous portez à cette réponse

0

Juin 2013

Salut à tous j’ai le même problème je mets le module d’insertion image dans le fichier style ou bien ? merci de votre réponse.
Indiquez l’intérêt que vous portez à cette réponse

0

Belmondo

Décembre 2014

bonjour sur mon site j’utilise HTML ;CSS ;JAVA pour coder et je ne parvien pas à inserer une image verdoyante à l’entête de ma page
Indiquez l’intérêt que vous portez à cette réponse

0

issam

Août 2016

jai le meme prob avec html je c po ou déplacer limage .. jquand jactualise ma page ya po de background si je change la couleur du fond sa marche mais avec une image sa marche po .. pouvez vs m’aider je travaille avec notepad++ et wampserver
Indiquez l’intérêt que vous portez à cette réponse

0

AlainF

Septembre 2016

Bonjour,
même si ce post n’est pas récent, il reste des personnes qui se plantent sur ce problème.

si vous n’avez pas de dossier personnalisé /squelettes/
créez le ainsi qu’un dossier /squelettes/images/
insérerez en ftp "mon_image.jpg" (et toutes celles du graphisme) dans ce dossier.
Dans le fichier perso.css du squelette : indiquez : background-image:url('#CHEMIN{images/mon_image.jpg}');

Plus d’infos sur la balise #CHEMIN : voir ici

Pour les background cover

Cordialement, Alain