Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

css url relative

6 réponses
Avatar
unbewusst.sein
je ne me souviens plus de la règle à appliquer en ce qui concerne l'URL
relative dans les css.

mon setup :
index.html
css/
styles.css
img/
guitare.jpg

la feuille "styles.css", qui est dans le sous rép "css" appelle le
fichier image "guitare.jpg" qui est dans le sous-rép "img/", je
l'appelle comme ça :

body {
background-color: #FFFFFF
background-image: url (../img/guitare.jpg);
}

ce qui me semble correct mais rien n'apparaît.

why ?
--
« Les journalistes ne croient pas les mensonges des hommes politiques,
mais ils les répètent ! C'est pire ! »
(Coluche)

6 réponses

Avatar
unbewusst.sein
Une Bévue wrote:

background-color: #FFFFFF;


ajouter un ";" ici ---------------------^
background-image: url ('../img/guitare.jpg');


mis entre cotes ---------------^---------------------^
ça ne change rien

--
« Les journalistes ne croient pas les mensonges des hommes politiques,
mais ils les répètent ! C'est pire ! »
(Coluche)
Avatar
Eric Demeester
dans (in) fr.comp.infosystemes.www.auteurs,
(Une Bévue) ecrivait (wrote) :

Bonjour,

> background-image: url ('../img/guitare.jpg');
mis entre cotes
ça ne change rien



J'aurais mis des double-quotes ("), mais je ne pense pas que le souci
soit là.

Il me semble que pour que l'image en arrière-plan soit visible, il faut
que la taille du conteneur (ici body) soit non nulle.

Donc peut-être :

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
background-image: url (../img/guitare.jpg);
}

ou :

body {
margin: 0;
padding: 0;
width: 800px;
height: 600px;
background-color: #FFFFFF
background-image: url (../img/guitare.jpg);
}

--
Eric
Avatar
Eric Demeester
dans (in) fr.comp.infosystemes.www.auteurs,
(Une Bévue) ecrivait (wrote) :

Bonjour,

> background-image: url ('../img/guitare.jpg');
mis entre cotes
ça ne change rien



J'aurais mis des double-quotes ("), mais je ne pense pas que le souci
soit là.

Il me semble que pour que l'image en arrière-plan soit visible, il faut
que la taille du conteneur (ici body) soit non nulle.

Donc peut-être :

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
background-image: url ("../img/guitare.jpg");
}

ou :

body {
margin: 0;
padding: 0;
width: 800px;
height: 600px;
background-color: #FFFFFF
background-image: url ("../img/guitare.jpg");
}

--
Eric
Avatar
John Dunlop
Une Bévue:

background-image: url (../img/guitare.jpg);



Supprimez le caractère blanc entre les caractères "url" et le caractère
"(".

http://www.yoyodesign.org/doc/w3c/css2/syndata.html#uri

--
John
Avatar
docanski
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
Une Bévue ecrit ce qui suit en ce 10.04.2010 16:08 :

la feuille "styles.css", qui est dans le sous rép "css" appelle le
fichier image "guitare.jpg" qui est dans le sous-rép "img/", je
l'appelle comme ça :

body {
background-color: #FFFFFF
background-image: url (../img/guitare.jpg);
}

ce qui me semble correct mais rien n'apparaît.

why ?



Il ne faut pas d'espaces de part et d'autre de "url".

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
unbewusst.sein
docanski wrote:

l ne faut pas d'espaces de part et d'autre de "url".



ok, merci à tous !
--
« Les journalistes ne croient pas les mensonges des hommes politiques,
mais ils les répètent ! C'est pire ! »
(Coluche)