Images invisibles sous IE

reddiesel Messages postés 5 Statut Membre -  
Gihef Messages postés 5165 Statut Contributeur -
Bonjour à tous,

Je viens de finir un site et la plupart de mes images sont invisibles sous IE 7 alors que sous firefox, il n'y a aucun problème.

N'étant pas codeur, j'ai du faire quelque chose de travers mais quoi et comment y remédier ?

le site : www.pierrepirol.com
A voir également:

3 réponses

jykonerien Messages postés 211 Statut Membre 112
 
Bonjour :)

J'ai affiché une page dans firefox et dans internet explorer, et ensuite j'ai demandé à firefox le code source d'une image refusée par internet explorer. Constat : il y a des caractères accentués. Je ne garantis pas que c'est la cause, mais je limite les noms de fichiers à des minuscules sans accent et des chiffres, le tiret - et le souligné _ dans les chemins. Je réserve l'usage du point à l'extension, et j'évite les lettres capitales. Pour d'autres causes, je n'en vois pas...
0
reddiesel Messages postés 5 Statut Membre
 
Je viens de comprendre mon erreur, j'ai appelé un dossier "médias" au lieu de "medias" donc forcément il ne lit pas les images de ce dossier...

Désolé pour le dérangement et bon dimanche...
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Il est possible que ça vienne d'un problème plus important.
Tes pages ne sont que des extraits de page en HTML. Il leur manque des éléments essentiels.

Tu n'es pas codeur, mais c'est dans le code que ça se voit. Alors…

Une page en HTML doit avoir une structure quasiment intangible, elle doit contenir un “squelette” pour que les navigateurs s'y retrouvent.
Il est absent de tes pages.
Il va donc falloir que tu y ajoute ce qui manque.
Ou que tu les recommences entièrement.

La solution la plus simple pour toi (?) serait peut-être de recréer une page vide et de te servir de son contenu (!) pour l'insérer dans ce que tu as fait.

→ Donc recrée une page vierge [que j'appellerai (1)]. Ça devrait créer un document contenant cette ossature. L'éditeur HTML que tu utilises (lequel ?) doit certainement te permettre d'afficher le code source des tes pages.

→ Affiche-le.
Tu y vois (j'espère) quelque chose qui ressemble à ce qui est dans une structure quasiment intangible
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>

</body>
</html>
→ Ouvre ensuite une page existante [que j'appellerai (2)].

→ Dans (1),
copie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Texte du titre</title>
→ Colle-le tout en haut de (2).

→ Ensuite, entre </style> et <div align="center"> de (2),
colle
        </style>
</head>
<body>
        <div align="center">

→ Enfin, tout en bas de (2),
colle
</body>
</html>


Il te reste à suivre les conseils de jykonerien, renomme tes dossiers et fichiers. Ça évitera pas mal d'erreurs. Puis recrée les liens dans tes pages.
Un exemple, mon éditeur de texte rencontre un probleme avec la manière dont est codé le “é” de “<img src="Médias/header.gif"”.

Si ce n'est pas fait, ajoute des titres à tes pages
<title>Texte du titre</title>

Et utilise l'attribut “alt” dans tes “<img>”. Fais-y une brève description de chaque image importante. Ce texte remplacera les images qui ne pourraient pas s'afficher dans tes pages.
Par exemple :
<img src="Images/quatre_jumelles.jpg" width="150" height="196" alt="Affiche des 4 Jumelles de Copi" />

Et puis, une petite bricole (-;
Colle le “ème visiteur” à “</script>”
… type='text/javascript'></script>&egrave;me visiteur  </p>

Bon courage.
0