Intégration d' image avec CSS ?

[tom57]

Bonjour,

 

je suis en train de commencer à apprendre le css et le xhtml, la question va paraitre très bête pour certain mais un truc me bloque un peu : j' essai d' insérer une image (bannière qui se trouve encore sur mon disuqe dure mais je n' arrive pas à créer le chemin pour pour quelle soit visible dans le navigateur !

 

voilà le code css :

 

/* L'en-tête */

 

#en_tete

{

width: 760px;

height: 100px;

background-image: url("???????????????????");

background-repeat: no-repeat;

margin-bottom: 10px;

}

 

et voilà le chemin de l' image sur mon pc : C:\Documents and Settings\Douchka\Bureau\site perso\images\banniere-du-site - si je la rentre tel quel ça marche pas !

[KewlCat]

C'est parce que la syntaxe de url( ... ) attend une URL

Si tu veux référencer une image qui se situe sur ton disque, il faut utiliser la syntaxe file://C|/Documents%20and%20Settings/Douchka/Bureau/site%20perso/images/toto.jpg mais tu dois savoir que cette URL sera interprétée par chaque client qui la lira (et les clients n'auront pas forcément d'image à cet endroit-là de leur disque dur....)

Pour faire plus propre, tu dois mettre ton image dans un sous-répertoire de ce qui est servi par ton serveur web et mettre une URL non pas en chemin absolu mais en chemin relatif... (comme ../images/toto.jpg par exemple)

[tom57]

Cool merci, non mais c' est pas évident quand on commence d'autant plus que je passe par des tutos, c' est pas une formation ou un bouquin en bon et du forme !