18041 sujets

Questions générales et questions de débutants

[résolu] Background..

Bonjour à tous,

j'ai une question particulièrement simple Smiley smile

Je souhaiterai appliquer à mon <body> un background dégradé. Donc, j'ai fais une image de 1px sur 1000px, représentant ce dégradé en question.

Dans ma feuille css, je mets:
body {
	background-color: #27333a;
	background: url("imgs/fond.gif") repeat-x fixed top left;
}


Pourtant, ça ne marche pas... Lorsque je fais un essai, il m'affiche un background blanc ! Il n'affiche même pas le #27333a ;

Pourquoi ?

Merci à tous,
Furox
Modifié par Furox (02 Mar 2010 - 16:37)
Furox a écrit :
Pourtant, ça ne marche pas... Lorsque je fais un essai, il m'affiche un background blanc ! Il n'affiche même pas le #27333a ;


Salut Furox,

C'est soit ça :
body {
	background-color: #27333a;
	background-image: url(imgs/fond.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top left;
}


Soit ça :
body {
	background: #27333a url(imgs/fond.gif) repeat-x fixed top left;
}

^^

Pour ce qui est de l'affichage de l'image, je vérifierais à 2x l'url...
NB : les quotes ne sont pas nécessaires...

Bien à toi.

tm
Salut tm,

j'ai donc remplacé mon code par:
	background: #27333a url(imgs/fond.gif) repeat-x fixed top left;


Le background a changé, il ne s'affiche plus en #ffffff mais en #27333a ; malheureusement, il n'affiche toujours pas l'image en dégradé.

J'ai bien vérifié l'url de l'image en question.

Je te joins les url concernées:
*** - la page du code
*** - l'image du fond


Merci Smiley cligne
Modifié par Furox (02 Mar 2010 - 16:37)
Salut,

Vu l'adresse indiquée dans ta feuille de style et de ton image, cela signifie que ta feuille de style doit se trouver dans le répertoire parent du répertoire imgs. Si ce n'est pas le cas, cela peut expliquer pourquoi cela ne fonctionne pas.

Tu dois spécifier l'adresse de l'image par rapport à l'emplacement de la feuille de style et non de la page html !
Ainsi, comme généralement la feuille de style est dans un répertoire style ou css, il faut ../ au début de l'adresse dans la page css, pour revenir au répertoire parent avant de replonger dans l'arborescence des autres repertoires. Smiley smile 

    background: #27333a url(../imgs/fond.gif) repeat-x fixed top left;

Modifié par Mikachu (02 Mar 2010 - 16:29)
Merci tm, merci Mikachu. Smiley cligne

Je pensais effectivement que l'image était appelé à partir de la page html.


A bientôt,
Furox
Sujet clos
Aller à