Problème de lien relatif dans ma feuille de style

Bonjour,

J'ai un souci avec l'affichage de mes images en css.
Je suis en train de créer un site et lorsque je mets mes images dans ma page HTML, je peux mettre un lien relatif :

<img src="images/images_site/images_association/vignettes/vieux-lyon-nuit800_mini.jpg">

mais quand je mets mes images dans le css, je suis obligé de mettre le lien en absolu pour que ça marche :

background:url(Z:/Site RVL/Essai_web/site_rvl/images/images_site/images_association/images/top_association.jpg) no-repeat top center;

Je n'avais pas ce problème avant mais seulement depuis que j'ai installé Uniform Server (serveur Apache, PHP... en version portable sur mon disque dur externe).
Je ne sais pas si ça a un rapport, en tout cas c'est très pénible.

Est ce que quelqu'un a une solution avant que je devienne ?
Merci d'avance !

Salut,

pour commencer on est d'accord qu'indiquer le nom de ton lecteur n'a aucun sens pour un site amené à être en ligne plus tard...

Ensuite un chemin absolu doit partir de la racine du site et se reconnaît au fait qu'il commence par /

Pour ce qui est de ton problème : les chemins relatifs des images en background CSS doivent se référer à l'emplacement du fichier .css en question. Est-ce bien le cas ?
Modifié par Heyoan (29 Jan 2010 - 14:19)

Tout d'abord merci d'avoir répondu.

effectivement le problème disparait si je mets la page et la feuille de style à la racine du site.
Je suppose que je dois mettre des liens absolu si je veux réorganiser mon site avec des dossiers ?

En tout cas merci, je vais pouvoir avancer !

smautoys a écrit :
Je suppose que je dois mettre des liens absolu si je veux réorganiser mon site avec des dossiers ?

C'est effectivement une solution. L'autre consiste à remonter l'arborescence à l'aide de ../ : si ta feuille de styles est dans un répertoire styles et que tes images sont dans un répertoire images (oui je sais : ça n'est pas très original comme noms ! ) il faudrait alors faire par exemple :

background: blue url(../images/fond_site.gif);