Rechercher : dans
Par :

CSS background image non affichée

Dernière réponse le 21 fév 2009 à 15:34:30 sldf, le 21 fév 2009 à 14:15:46 
 Signaler ce message aux modérateurs

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/
Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « CSS background image non affichée » dans :
Afficher les images et les animations Flash dans le navigateur VoirQuand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
Télécharger Backgrounder VoirAu temps de Windows Me et 2000, vous aviez la possibilité de personnaliser chaque dossier en lui assignant une image de fond. Avec l'arrivé de Windows XP, cette fonction a complètement disparu au grand regret de plusieurs utilisateurs. Backgrounder...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

1

giheller, le 21 fév 2009 à 14:26:25

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'>






--

Répondre à giheller

2

sldf, le 21 fév 2009 à 15:17:00

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.

Répondre à sldf

3

Dimistik, le 21 fév 2009 à 15:24:46

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.

Répondre à Dimistik

4

sldf, le 21 fév 2009 à 15:32:25

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 ...

Répondre à sldf

5

 sldf, le 21 fév 2009 à 15:34:30

Oups "Résolus" c'est vu.

Répondre à sldf
Collection CommentÇaMarche.net