background-images ne fonctionne pas Résolu/Fermé

Question

Bonjour

Je suis en train de créer un site (mais il n'est pas encore en ligne) avec notepad ++
Le code a l'air de bien fonctionner sauf ce qui devrait être le plus simple : l'image d'arrière plan.

Voilà mon code sur ma feuille css



body
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;	
	background-color: white;
	background-image: url(/images/themecss/ap1.gif);	
	background-repeat : no repeat;
	font-family: Verdana, "Times New Roman", sans-serif;

}


Pourquoi, cela ne fonctionne pas en sachant que le reste du code css de la feuille fonctionne (donc elle est bien rattachée), que l'image ap1.gif fait moins de 15 ko et que j'ai vérifié 100x l'adresse de mon image ??

Merci d'avance pour vos astuces !

king · Accepted Answer

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

ReDark · Answer

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

Ssylvainsab · Answer

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

Odélie · Answer

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 :


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 !!

pouet · Answer

Il faut laisser les apastrophes dans l'url, car si le nom de le chemin contient des espaces, le chemin ne sera pas
trouvé par le nav

Background-images ne fonctionne pas

5 réponses

Discussions similaires