Affichage d'image sous IE & FF/OPERA

Invité · 19/10/2009, 17h43

Bonjour à tous!

Je viens vers vous car ca fait une heure que je galère pour un truc qui est tout con si ca se trouve. J'ai une image d'en-tête qui apparait sous firefox, opera et chrome mais pas sous IE.

J'ai beau relire mon code je ne trouve pas d'où cela peut venir surtout que ca fonctionnait au quand j'ai commencé. Je ne vois pas ce que j'ai pu faire qui à causé ce problème d'affichage.

Voici le code épuré :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>TITRE</title>
</head>
 
<body>
 
<div class="container">
<div class="border">
 
<img src="Images\Bandeautop_wencrier.jpg" alt="bandeau top" />
 
 
</div>
</div>
 
</body>
 
</html>

Je joins le css pour les class concernées :

Code css :

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
.container
{
text-align:center;
}
 
.border
{
padding:0px;
margin-left:auto;
margin-right:auto;
width:730px;
border-top-style:solid;
border-left-style:solid;
border-right-style:outset;
border-bottom-style:outset;
border-color:#606060;
border-top-width:1px;
border-left-width:1px;
border-right-width:4px;
border-bottom-width:2px;
text-align:center;
font-family:arial;
}

J'ai déja essayé de mettre le chemin d'accès complet, de modifier la casse mais ca change rien.

Merci d'avance!

**Bisûnûrs** · 19/10/2009, 17h58

Déjà, il faudrait que tu apprennes que les chemins HTTP se font à l'aide d'un slash "/" et non d'un backslash "\".
Ensuite, je te conseille de toute mettre en minuscules dans tes noms de fichiers et dossiers, ça évite certains problèmes. Bien sûr, éviter les accents et les espaces.

Si changer le nom ne suffit pas, il s'agit sans doute d'un problème de colorimétrie liée à l'image. Une image pour le web doit être en RVB et non en CMJN.

Invité · 19/10/2009, 18h02

Merci je vais regarder pour la différence RVB/CMJN.

En fais les slash sont dans ce sens car le site n'est pas en ligne actuellement, je travaille en local.

EDIT : J'ai passé les backslash en slash, j'ai tout mis en minuscule, mon image est en RVB mais ca ne marche toujours pas

**12monkeys** · 19/10/2009, 20h46

Bonsoir

Ne serait ce pas un bête problème de cache ?

Sinon essaye aussi d'afficher l'image directement dans le navigateur, en tapant son adresse dans la barre d'adresse...

Invité · 20/10/2009, 09h51

Bonjour,

J'ai essayé d'ouvrir l'image seule, elle s'affiche

J'ai vidé le cache mais ca ne s'affiche toujours pas.

J'ai essayé de modifier le format de l'image en png,gif,bmp ca change rien.

J'ai essayé de mettre une autre image sur l'emplacement elle s'affiche

J'ai essayé de faire un printscreen -> paste avec un nouveau nom ca marche pas.

J'ai pris une random image que j'ai dimensionnée à l'exact même taille : elle s'affiche.

J'ai ouvert un paint vierge, j'ai fait pot de peinture en noir, sauvegarder en .jpg. Redimensionné approximativement et ca s'affiche pas.

J'avoue que je n'y comprend absolument rien.

J'espère que mes expériences vous donnerons des indices.

Merci beaucoup.

**oceane751** · 20/10/2009, 17h17

ça

Code :

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

1
2
text-align:center;
font-family:arial;

pour une image?!

Invité · 20/10/2009, 17h23

En fait ces 2 div régissent la totalité du contenu que j'ai pas intégré car ca servait à rien et aurait rendu le code imbuvable. Il se trouve que l'image est à l'intérieur.

Tu crois que je devrais faire une 3eme div avec ses paramètres en excluant l'image? Note ca coute rien d'essayer

EDIT : Aucun changement.

EDIT2 : J'ai testé sous IE7 et l'image s'affiche bien. A n'y rien comprendre...

Affichage d'image sous IE & FF/OPERA

HTML

Discussions similaires

Partager

Partager