CSS background image non affichée
Résolu
sldf
-
sldf Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
sldf Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
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).
Mon code PHP génère l'entete suivant :
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/
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'>
  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:
- CSS background image non affichée
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Inkscape rogner image ✓ - Forum Graphisme
5 réponses
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'>
--
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'>
--
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 :
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.
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.
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.
parcontre l'adresse : "http://www.sldf.levillage.org/toiture/fond_img/entete_03.jpg" (sans "/www/" ) fonctionne.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question