Téléchargement
illégal
Posez votre question Signaler

CSS background image non affichée [Résolu]

sldf - Dernière réponse le 21 févr. 2009 à 15:34
Bonjour,
J'ai un comportement différent selon que j'execute en local sous EasyPhP (OK) ou sur site (pas d'image arrière plan).
j'ai 4 frames associées à 4 pages-body rattachées chacune à une class différente (3 pages ont des images de fond et 1 frame à une couleur noir de fond).
<HTML NAME='principal'>
<FRAMESET ROWS='17%, 3%, *' S_FRAMEBORDER='0' S_FRAMESPACING='0'S_BORDER='0'>
	<FRAME NAME='entete'  SRC='A000_entete.php'                   SCROLLING='AUTO' 
                         FRAMEBORDER='NO' MARGINWIDTH='0' MARGINHEIGHT='0' NORESIZE='NORESIZE'>
   <FRAME NAME='bandeau' SRC='B000_bandeau.php'  TARGET='corps'  SCROLLING='NO' 
                         FRAMEBORDER='NO' MARGINWIDTH='0' MARGINHEIGHT='0' NORESIZE='NORESIZE'
                       >
	<FRAMESET COLS='15%, *'>
		<FRAME NAME='menu'  SRC='C000_menu2.php' TARGET='corps'    SCROLLING='AUTO' NORESIZE='NORESIZE'>		
		<FRAME NAME='corps' SRC='DA01_accueil.php' TARGET='_blank' SCROLLING='AUTO' NORESIZE='NORESIZE'>
	</FRAMESET>
   <NOFRAME> Votre navigateur ne supporte pas les frames.</NOFRAME>
</FRAMESET>

<HEAD></HEAD>
<BODY></BODY>
</HTML>

Mon code PHP génère l'entete suivant :
<HTML>
<HEAD>
<style>
.entete-CSS    {background-image      : url('/data/village/sldf/sldf_levillage_org/www/toiture/fond_img/entete_03.jpg');
                background-repeat     : no-repeat;
                background-attachment : scroll;
                background-position   : 30px 20px;
                
                font-family : 'Times New Roman' , Times,serif;
                font-style  : normal;
                font-size   : xx-large;
                color       : black;
                
                border      : none;
                margin      : 0cm 0cm 0cm 0cm
               }
                    
.bandeau-CSS   {background  : black;
                
                font-family : 'Times New Roman' , Times,serif;
                font-style  : normal;
                font-size   : normal;
                color       : white;
                
                border      : none;
                margin      : 0cm 0cm 0cm 0cm
               }

.menu2-CSS     {background  : url('/data/village/sldf/sldf_levillage_org/www/toiture/fond_img/menu2.jpg') repeat fixed top left;
                    
                font-family : 'Times New Roman' , Times,serif;
                font-style  : normal;
                font-size   : large;
                color       : black
               }    

.corps-CSS     {background  : url('/data/village/sldf/sldf_levillage_org/www/toiture/fond_img/corps.jpg') no-repeat fixed top left;
                    
                font-family : 'Times New Roman' , Times,serif;
                font-style  : normal;
                font-size   : normal;
                color       : black

.table-CSS     {background  : grey;
                    
                font-family : 'Times New Roman' , Times,serif;
                font-style  : normal;
                font-size   : normal;
                color       : black
               }                   
</style></HEAD>

<BODY CLASS='entete-CSS'>
&nbsp Etancouver
</BODY>
</HTML>

Les pages entete & bandeau apparaissent sans image de fond et la page bandeau apparait avec la couleur de fond noir.
Ayant lus sur les forums les pb liés aux adressages de page, j'ai utilisé des adresses absolues, j'ai aussi modifié le background-attachement : fixed --> scroll, mais rien n'y fait ...
Auriez vous une suggestion ?
PS : La construction du site est au : http://www.sldf.levillage.org/toiture/
Lire la suite 

CSS background image non affichée »

Suggestions
5 réponses
Réponse
+1
moins plus
Oups "Résolus" c'est vu.
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

aucun problème, il est évident que votre problème vient des chemins d'accès à vos images.
par exemple :
JAMAIS, je pense, sur votre site distant vous trouverez ce chemin
'/data/village/sldf/sldf_levillage_org/www/toiture/fond_img/menu2.jpg'

créez un dossier iamges dans lequel vous mettrez vos images et mettez un chemin relatif vers ce dossier;
exemple

racine du site
images
index.html

et dans index.html
vous écrivez :

<img src='images/monimage.jpg'>






--
Ajouter un commentaire
Réponse
+0
moins plus
Malheureusement, rien d'aussi simple. En effet c'est en utilisant la même racine que je défini mes accès à mes fichiers include PHP (notement celui qui inclus ma définition de syle bien rappatrié dans mes pages).

Mais pour tenir compte de votre remarque j'ai modifié l'adresse de l'image, en adresse (tjrs absolue) mais par http://...

Soit :
...
<style>
.entete-CSS    {background-image      : url('http://www.sldf.levillage.org/www/toiture/fond_img/entete_03.jpg');
                background-repeat     : no-repeat;
                background-attachment : scroll;
                background-position   : 30px 20px;
                ...
               }
...


Cette adresse est correcte, c'est celle affichée par l'outil du gestionnaire du site lorsque je pointe directement sur l'image de fond.
Ajouter un commentaire
Réponse
+0
moins plus
Perso, je viens de tenter de voir l'image (j'ai copié ton lien absolu sous firefox) et je tombe sur une erreur 404, donc je pense que c'est toujours le répertoire.

parcontre l'adresse : "http://www.sldf.levillage.org/toiture/fond_img/entete_03.jpg" (sans "/www/" ) fonctionne.
Ajouter un commentaire
Réponse
+0
moins plus
Impec. ... Merci encore, cela faisait 3 jours & nuits que je galèrais.

PS : Je n'ai pas trouvé de bouton "Résolus" sur les messages ...
Ajouter un commentaire
Ce document intitulé « CSS background image non affichée » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?