Pas d'image sous IE

**toufous35** · 28/05/2009, 22h25

Bonjour à tous,
voila, je suis novice en langage et je viens de me lancer pour mon site.

Alors, après avoir péché quelque infos à droite et à gauche un peu partout, j'ai réussi à faire juste ce que je voulais pour commencer!

Tout fière, voila que j'envoie le lien de mon site à plusieurs amis, et, surprise, 2 d'entre eux, me dise qu'ils ont pas mes images!!!!

Je revérifie plusieurs fois chez moi et chez des amis et tout marche!
Jusqu'au moment ou je vais chez un pote qui lui navigue avec IE !

Et là !!! Surprise!!! pas d'images !!!!

Moi et les autres personnes qui l'ont vu correctement, nous sommes tous sous FF.

Alors, je doit avoir loupé quelque chose bien que je ne crois pas avoir utilisé de code complexe!

Pouvez vous m'aider?

voici mon site : Les Tofs de Toufous

et voici le code de mon "index.html" de ma page principale :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<html>
<Title>Les Tofs de Toufous</title>
<script
language="javascript">
function heuredate()
{
aujourd = new Date;
 
jour = aujourd.getDate();
mois = aujourd.getMonth()+1;
annee = aujourd.getFullYear();
heure = aujourd.getHours();
min = aujourd.getMinutes();
sec = aujourd.getSeconds();
 
sec0 = "";
min0 = "";
heure0 = "";
mois0 = "";
jour0 = "";
annee0 = "";
 
if (sec < 10)
{
sec0 = "0";
}
if (min < 10)
{
min0 = "0";
}
if (heure < 10)
{
heure0 = "0";
}
if (mois < 10)
{
mois0 = "0";
}
if (jour < 10)
{
jour0 = "0";
}
if (annee < 10)
{
annee0 = "0";
}
 
concatDate = "Nous sommes le " + jour0 + jour + "/" + mois0 + mois + "/" + annee0 + annee;
concatHeure = "Il est " + heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
document.formtemps1.zone.value = concatDate;
document.formtemps2.zone.value = concatHeure;
pas = setTimeout("heuredate()", 1000);
 
} 
</script>
<body onLoad="heuredate()" onUnload="clearTimeout(pas)"background="XX2.jpg">
<div align=center>
<form name="formtemps1"><input type="text" name="zone" size=25></form>
<form name="formtemps2"><input type="text" name="zone" size=10></form>
<hr>
<p> Voici mes albums photos!</p>
<hr>
<br>
<br>
<a href="120L/index.php"<img src="ED.jpg"><br>Mes photos Eau Douce</a>
<br>
<br>
<a href="240L/index.php"<img src="EdM.jpg"><br>Mes photos Eau de Mer</a> 
<br>
<br>
<br>
<a href="mome/index.html"<img src="pirates.jpg"><br>Mes Monstres</a> 
<p><i><u><font size=32px>Les Tofs de Toufous</font></u></i></p>
</div>
</body>
</html>

et celui de ma page pour mes albums multiples:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<Title>Les Tofs de Toufous</title>
<body "background="XX2.JPG">
<hr>
<center><a href="../index.html"><font color=purple size=5>Retour</font></a></center>
<hr>
<div align=center>
<table cellspacing="80">
<tr>
<td><a href="2005/index.php"<img src="2005.JPG"></a></td>
<td></td>
<td><a href="2006/index.php"<img src="2006.JPG"></a></td>
</tr>
<tr>
<td><a href="2007/index.php"<img src="2007.JPG"></a></td>
<td></td>
<td><a href="2008/index.php"<img src="2008.JPG"></a></td>
</tr>
<tr>
<td colspan="3"><center><a href="2009/index.php"<img src="2009.JPG"></a></center></td>
</tr>
</table> 
</div>
</body>
</html>

D'avance, merci à tous

Au passage, le script pour la date et l'heure n'est pas de moi car j'ai essayé mais pas réussi alors, je me suis contenté de recopier un script tout fait!

Il en est totalement de même pour les fichiers en php qui gèrent mes albums.

**12monkeys** · 28/05/2009, 22h40

Bonsoir

Je ne vois aucun souci sur ton site, toutes les images semblent s'afficher... Testé sous Firefox 3 et IE 7.

Peut tu un peu préciser le contexte dans lequel les images ne s'affichent pas ?

Par contre un petit souci dans ton code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="mome/index.html"<img src="pirates.jpg"><br>Mes Monstres</a>

La balise <a> n'est pas fermée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="mome/index.html"><img src="pirates.jpg"><br>Mes Monstres</a>

Autrement je dirais que ton code n'est pas très propre (ce n sont que des conseils et pas une critique !) : tu pourrait indiquer un doctype : pourquoi et lequel. Idéalement il ne faudrait plus faire de mise en page avec des tableaux... et se mettre au css en séparant la structure du style...

Un peut de lecture : http://xhtml.developpez.com/cours/#xhtml et http://css.developpez.com/cours/

**toufous35** · 28/05/2009, 23h30

Merci pour la balise pas fermé!

voila ce que me donne IE7:

Et ce que je veux et que j'ai sous FF:

pourquoi?

**12monkeys** · 28/05/2009, 23h34

Bon maintenant le problème apparait aussi sur IE 7.

Tu as le même souci sur les trois liens que celui que je t'ai indiqué plus haut :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<a href="120L/index.php"<img src="ED.jpg"><br>Mes photos Eau Douce</a>
<br>
<br>
<a href="240L/index.php"<img src="EdM.jpg"><br>Mes photos Eau de Mer</a>

Il faut simplement fermer le lien a :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<a href="120L/index.php"><img src="ED.jpg"><br>Mes photos Eau Douce</a>
<br>
<br>
<a href="240L/index.php"><img src="EdM.jpg"><br>Mes photos Eau de Mer</a>

Essaye une fois ça...

**RomainVALERI** · 29/05/2009, 11h48

Juste pour détailler un peu les excellentes remarques de 12monkeys par quelques exemples dans ton source (à propos des impropriétés et des éléments obsolètes vis-à-vis des spécifications xhtml) :

>>> pour la balise <script>, la propriété langage est obsolète, mais il faut lui préciser le type :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script
type="text/javascript">

>>> les balises <center>, <font>, <i>, <u>, ainsi que l'attribut align sont obsolètes, et seraient à remplacer par des règles CSS placées dans un fichier CSS externe à ta page (et appelé dans la section head par une balise <link>)

>>> les tables sont faites pour stocker des données chiffrées, pas pour la mise en page

>>> ligne 3 : doubles quotes surnuméraires (retirer celle en rouge) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<body "background="XX2.JPG">

>>> n'oublie pas de mettre toutes les valeurs des propriétés entre doubles quotes (exemple : size="5")

>>> il faut toujours refermer les balises, même quand elles n'ont pas de contenus, c'est-à-dire :
<hr> =

<hr/> =

>>> les noms des balises et des propriétés sont toujours en minuscules : title, onload, etc...

Ce ne sont que quelques précisions pour t'aider à nettoyer ton code, mais comme dit 12monkeys, ne le prends pas comme une critique, hein

Bon dev à toi

**Macmillenium** · 29/05/2009, 13h01

Salut,

Et

Envoyé par RomainVALERI

<hr> =

<hr/> =

<hr /> =

Une syntaxe XML plus correcte

**Bisûnûrs** · 29/05/2009, 14h08

Envoyé par RomainVALERI

>>> il faut toujours refermer les balises, même quand elles n'ont pas de contenus, c'est-à-dire :
<hr> =

<hr/> =

Oui et non, tout dépend du DOCTYPE utilisé. Il faut les fermer en XHTML, mais pas en HTML. Ici on voit que, justement, le DOCTYPE utilisé est ... inexistant.

(même remarque pour certaines des tiennes comme les guillemets autour des valeurs ou des attributs en minuscules. Attention, je précise juste ce qui est permis, pas ce qu'il est mieux de faire

)

Donc :

@toufous35 : N'oublie pas de toujours mettre un DOCTYPE à ton document. Cf :
http://xhtml.developpez.com/faq/?pag...#html_doctypes

Pas d'image sous IE

HTML

Vue hybride

Discussions similaires

Partager

Partager