28172 sujets

CSS et mise en forme, CSS3

Probleme d'afichage d'image

j'ai des image de 64*64 pixel que je veux afficher,mon problème et qu'avec chrome sa marche mais avec Firefox rien ne s'affiche.


<li class="twitter"><a href="http://twitter.com"><img src="/website Project/img/Twitter.png" alt="Twitter" width="32" height="32"></a></li>	
<li class="facebook"><a href="http://facebook.com/"><img src="/website Project/img/facebook.png" alt="Facebook" width="32" height="32" ></a></li>


le répertoire "website project" est sur mon bureau.
et j'ai rien mis dans le CSS.
Modifié par yotta (21 May 2011 - 01:18)
Bonjour,

Le chemin vers tes images n'est sans doute pas correct aux yeux de FF.
Au lieu de src="/website Project/img/Twitter.png, indique plutôt src="./website Project/img/Twitter.png
Sur mon ordi, ça fonctionne sur IE8 et FF 3.6.17. J'ai placé la page HTML ainsi que le dossier "website Project" dans mon dossier "Documents" (Je n'ai pas installé Chrome).
FF donne cependant un avertissement en ce qui concerne l'URI du dossier "website Project". Il ne doit pas aimer l'espace entre les 2 mots composant le nom du dossier. En mettant "website_Project", il n'y a plus de souci.

N.B.: je ne vois pas pourquoi ça marche avec Chrome chez toi.

Cordialement
Modifié par lddsoft (21 May 2011 - 07:16)
est ce que vous penser qu'il faut ajouter un point au début du chemin? parce que j'ai essayer le point mais aucune différence.
j'ai mis le répertoire "websiteprojec" (sans espace) à la racine du disque dur (c:\) et sa marche bien avec CHROME mais toujours le même problème avec FF.
Bonjour,

Si je ne mets pas le point, Firefox (version 3.6.17) et IE8 n'affichent pas l'image.
Voici le code que j'ai testé et qui fonctionne:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>Afficher images sous FF</title>
  </head>
  <body>
    <ul>
      <li class="twitter">
        <a href="http://twitter.com"><img src="./website_Project/img/Twitter.png" alt="Twitter" width="32" height="32"></a>
      </li>
      <li class="facebook">
        <a href="http://facebook.com/"><img src="./website_Project/img/facebook.png" alt="Facebook" width="32" height="32"></a>
      </li>
    </ul>
  </body>
</html>
Bonjour,

Ton webSite project se trouve à la racine de C:, mais où se trouve ta page html ?
j'ai résolue le problème en mettant deux points au lieu d'un comme suite 
"../website_Project/img/Twitter.png" alt="Twitter" width="32" height="32"
Sujet clos
Aller à