Version complète: sur le forum Webmaster Hub : Problème d'affichage des images
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
nadine23
Bonjour,

J'ai relooké mon site (www.maths-4eme.com) et j'ai un problème avec l'affichage des images que j'ai voulu mettre dans la feuille de style.
En local, mes images apparaissent et une fois envoyées par FTP, elle n'apparaissent plus. Je suis sous IE7.

J'ai reproduit le problème en gardant le minimum de code pour vous faciliter la lecture et ça donne :

Code css :
CODE
#geometrie p a{
width:200px;
height:21px;
display:block;
background:url(images/icon2.jpg) 0 0 no-repeat #fff;
color:#CC0000;
line-height:21px;
margin:0 0 0 0px;
padding:4px 0 0 50px;
}


Code Html :
CODE
<head>
<title>test</title>
<style type="text/css">
<!--
.style2 {color: #CC0000}
-->
</style>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="geometrie">
  <p><a href="#">GEOMETRIE</a></p>
</div>
</body>
</html>


Si vous voyez d'où vient le problème..car je désespère après de nombreuses tentatives

Merci beaucoup pour votre aide
Nadine
captain_torche
C'est parce que tu utilises indifféremment le nom de dossier "Images" avec et sans majuscule.
Sous Windows, ça ne pose aucun problème (il ne fait pas de différence), mais sous un système Unix comme ton serveur distant, le chemin "images/icon2.jpg" n'existe pas, alors que "Images/icon2.jpg" existe.
Il te suffit d'ajouter la majuscule dans ton fichier CSS.
nadine23
Magnifique ! et dire que je suis là-dessus depuis hier matin !
Merci infiniment
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.