Chemins d'image et prise de tête.

Bonjour à tous !

Alors voilà, j'ai passé hier soir bien 2h à m'arracher les cheveux sur la mise en page avec le CSS (comme à mon habitude ...), sauf que cette fois j'ai pas réussi à en venir à bout, surtout sur un point.
Je dispose en fait d'un menu dans une <table>, et dans le dernier <td>, je veux mettre une image.
Sauf que, que ce soit en <div> avec un background-image ou en <img>, dans les deux cas, j'ai un gros problème de chemin pour mon image !!

L'image se trouve comme ça : ..\www\3log_prod\images\logon.png

Donc, mon fichier html se trouvant dans le dossier 3log_prod, j'ai essayé d'écrire en chemin toutes sortes de choses (parce que le test c'est la vie ...) :
..\images\logon.png
images\logon.png
C:\\program files ... (etc etc, le chemin en entier quoi, pour tester)

Mais absolument aucun n'a marché -.- Du coup je lance firebug, qui me dit (évidemment) que l'adresse de l'image a pas pu être chargée. Mais il me montre aussi que le chemin que j'ai écrit (..\images\logon.png par exemple), est écrit comme ça : ..imageslogon.png. Bonjour, je zappe vos antislash.

Enfin bref, au final j'ai mis provisoirement l'image au même endroit que le ficher html et l'appel simplement "logon.png", mais je vais bien devoir le remettre dans le fichier images.

Si quelqu'un sait d'où ça peut venir ... ^^'

(PS : j'avais lu un truc concernant EasyPHP sur les chemins, si c'est en rapport, je l'utilise effectivement.) Merci !
Modifié par Seyu (13 Jan 2012 - 10:09)

Ce n'est pas des backslash "\" qu'il faut insérer mais plutôt des slashs "/"...

J'ai aussi essayé avec o.o

Copie ta ligne de code pour voir..

(et check le chemin dans tes dossiers)

Html :

 <td> <div class='logon'>&nbsp;</div> </td>

CSS :

.logon
{
   background-image : url('logon.png');  // En ce moment, pour que ça fonctionne ...
   width : 32px; 
   height : 32px;
   // Un autre paramètre
}

(Je ne suis pas chez moi, pour le dernier paramètre, de tête ça doit être un position, mais ça ne change rien puisque lorsque je met l'image au même endroit que l'html elle s'affiche correctement).

Comme l'a dit Yordi, si a côté de tes fichiers html tu as un dossier "images" avec l'image "logon.png" dedans, la syntaxe relative sera :

background-image : url('images/logon.png');

Si tu as deux dossiers "côte à côte", l'un contenant les CSS et l'autre contenant les images tu doit d'abord remonter d'un niveau pour ensuite entrer dans le dossier image :

background-image : url('../images/logon.png');

etc...

-> http://www.php-astux.info/chemins-relatif-absolu.php
Modifié par _laurent (13 Jan 2012 - 10:48)

Il me semble avoir mis ça au tout début et ça ne fonctionnait pas non plus, mais je vérifierais ce soir.

Merci pour vos réponses !