Background-images ne fonctionne pas
Résolu
Odélie
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
pouet -
pouet -
A voir également:
- Background image ne fonctionne pas
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
5 réponses
background-image: url(/images/themecss/ap1.gif);
---------> background-image: url( 'images/themecss/ap1.gif' );
Vu que ça ne se voit pas trop faut des ' et pas le / devant images
---------> background-image: url( 'images/themecss/ap1.gif' );
Vu que ça ne se voit pas trop faut des ' et pas le / devant images
Salut !
Vous avez vu juste, le problème venait de mon adresse (absolue au lieu d'être relative). En fait je ne savais pas qu'il en existait 2 types.
j'ai enlevé
background-color: white;
et j'ai mis le code de Dalida :
background-image: url( '../images/themecss/ap1.gif' );
Mais sous les conseils de Sylvainsab, j'ai enlevé les guillemets.
ça donne :
et ça fonctionne parfaitement
Merci !!
Vous avez vu juste, le problème venait de mon adresse (absolue au lieu d'être relative). En fait je ne savais pas qu'il en existait 2 types.
j'ai enlevé
background-color: white;
et j'ai mis le code de Dalida :
background-image: url( '../images/themecss/ap1.gif' );
Mais sous les conseils de Sylvainsab, j'ai enlevé les guillemets.
ça donne :
body
{
width: 80%;
margin-left: auto;
margin-right: auto;
background-image: url( ../images/themecss/ap1.gif );
background-repeat: no-repeat;
font-family: Verdana, "Times New Roman", sans-serif;
}
et ça fonctionne parfaitement
Merci !!
Bonjour je me nome ReDark, selon ton probleme ses juste le background qui ne marche as donc recapitulon tu veut une image d'arriere plan (je supose que si ton ariere plan marche aps il ets blanc) retire :
background-color: white;
peut etre que selui si bloc limage et sinon je te donne un exemple :
jai 3 fichier :
1er
2eme
3eme
si tu met le dosier en NOTEPAD dans le 1er il faut que l'image face 2eme/3eme/img.gif
n'oublie pas que pour le metre en ligne il faut que tu le mete en HTML ou PHP si ton probleme ne se resolue pas join moi pas redark@hotmail.fr je te passerai ma feuille de style je la modifierais a ta façon
background-color: white;
peut etre que selui si bloc limage et sinon je te donne un exemple :
jai 3 fichier :
1er
2eme
3eme
si tu met le dosier en NOTEPAD dans le 1er il faut que l'image face 2eme/3eme/img.gif
n'oublie pas que pour le metre en ligne il faut que tu le mete en HTML ou PHP si ton probleme ne se resolue pas join moi pas redark@hotmail.fr je te passerai ma feuille de style je la modifierais a ta façon
Salut.
Les guillemets/apostrophes autour d'une adresse CSS ne sont pas obligatoires, ils sont même déconseillés/ : ils font planter certains navigateurs (je ne me rappelle plus lesquels, regardes es sites spécialisés pour ça).
Ensuite, si ça ne marche pas, c'est effectivement parce que tu as mis une adresse absolue au lieu de relative.
Ca m'étonnerait que tu as un dossier /image à la racine de ton disque (surtout si tu es sous Windows :-p).
Mais il vaut mieux faire comme ça pour le site, surtout si ton fichier CSS est appellé à partir de plusieurs dossiers/sous-dossiers.
Tu n'as qu'a laisser comme ça et vérifier sur internet une fois ton site mis en ligne.
Tu peux aussi utiliser un serveur web local, mais là c'est vraiment une perte de temps pou un si petit problème.
a plus
Les guillemets/apostrophes autour d'une adresse CSS ne sont pas obligatoires, ils sont même déconseillés/ : ils font planter certains navigateurs (je ne me rappelle plus lesquels, regardes es sites spécialisés pour ça).
Ensuite, si ça ne marche pas, c'est effectivement parce que tu as mis une adresse absolue au lieu de relative.
Ca m'étonnerait que tu as un dossier /image à la racine de ton disque (surtout si tu es sous Windows :-p).
Mais il vaut mieux faire comme ça pour le site, surtout si ton fichier CSS est appellé à partir de plusieurs dossiers/sous-dossiers.
Tu n'as qu'a laisser comme ça et vérifier sur internet une fois ton site mis en ligne.
Tu peux aussi utiliser un serveur web local, mais là c'est vraiment une perte de temps pou un si petit problème.
a plus
-1
tu as mis une adresse absolue au lieu de relative
bah non !
adresse absolue :
http://www.ccmmonamour.net/dossier/page.html
adresse relative :
dossier/page.html
Ca m'étonnerait que tu as un dossier /image à la racine de ton disque (surtout si tu es sous Windows :-p)
l'adresse est relative à la racine du serveur web pas du disque.
et pour les guillemets simple ou double, ils sont optionnels.
le seul problème d'incompatibilité que je connaisse c'est avec IE/Mac qui a été abandonné par Microsoft depuis belle lurette et qui ne représente plus rien.
par contre j'ai souvent lu qu'il pouvaient être enlevés dans le but d'alléger au maximum la feuille de style. mais à ce niveau là, c'est pas la même histoire…
tu as mis une adresse absolue au lieu de relative
bah non !
adresse absolue :
http://www.ccmmonamour.net/dossier/page.html
adresse relative :
dossier/page.html
Ca m'étonnerait que tu as un dossier /image à la racine de ton disque (surtout si tu es sous Windows :-p)
l'adresse est relative à la racine du serveur web pas du disque.
et pour les guillemets simple ou double, ils sont optionnels.
le seul problème d'incompatibilité que je connaisse c'est avec IE/Mac qui a été abandonné par Microsoft depuis belle lurette et qui ne représente plus rien.
par contre j'ai souvent lu qu'il pouvaient être enlevés dans le but d'alléger au maximum la feuille de style. mais à ce niveau là, c'est pas la même histoire…
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
+1
et je me permettrai d'ajouter que si cela ne fonctionne pas ainsi c'est surement que ton adresse relative est inexacte.
dans ce cas essaie avec :