Sujet Précédent Sujet Suivant

CSS background image non affichée

Résolu/Fermé
sldf - 21 févr. 2009 à 14:15
sldf Messages postés 12 Date d'inscription lundi 10 mars 2008 Statut Membre Dernière intervention 15 février 2010 - 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/
A voir également:

5 réponses

Réponse 1 / 5
sldf Messages postés 12 Date d'inscription lundi 10 mars 2008 Statut Membre Dernière intervention 15 février 2010 4
21 févr. 2009 à 15:34
Oups "Résolus" c'est vu.
2
Réponse 2 / 5
Utilisateur anonyme
21 févr. 2009 à 14:26
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'>






--
0
Réponse 3 / 5
sldf Messages postés 12 Date d'inscription lundi 10 mars 2008 Statut Membre Dernière intervention 15 février 2010 4
21 févr. 2009 à 15:17
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.
0
Réponse 4 / 5
Dimistik Messages postés 51 Date d'inscription vendredi 19 octobre 2007 Statut Membre Dernière intervention 25 novembre 2010
21 févr. 2009 à 15:24
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
sldf Messages postés 12 Date d'inscription lundi 10 mars 2008 Statut Membre Dernière intervention 15 février 2010 4
21 févr. 2009 à 15:32
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 ...
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Code erreur 80710A06
LeJoeurTriste -
Petibond -

27 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses