[Résolu] Problème d'affichage d'images (Mozilla ok - IE pas ok)

Bonjour,

voilà je construis un petit site pour ma promotion avec un annuaire ldap qui fonctionne tres bien (mais ce n'est pas le sujet , c'est clair).
Pour que les utilisateurs puissent changer leur mot de passe eux-mêmes, j'ai créé une interface php à cette adresse :

http://annuaire.xxxx.fr/mot-de-passe/

Si vous allez à cette adresse avec Firefox, vous n'aurez pas de soucis pour voir une image.
Dès que je passe sous IE (ou plutôt les utilisateurs sont sous IE), l'image n'apparait quasiment pas .

Je pense que le souci vient de ce code :

<div align="center">
<table>
<tr>
	<th colspan="2">L'EMIA est une grande famille ...
	<img style="width: 800px; height: 225px;" alt="Big Family" src="../mot-de-passe/big_family.jpg" align="middle"></img></th>
</tr>
</table>
</div>

Vu que je n'ai pas d'énormes connaissances HTML, je me tire les cheveux.
Auriez-vous une idée pour me débloquer et m'expliquer le problème ?

Merci d'avance pour vos éventuelles réponses.
Cordialement.
Modifié par haskano1 (08 Sep 2008 - 12:52)

Bonjour et bienvenue sur le forum ,

bon... ta page est un peu écrite à l'ancienne (tableau de mise en forme, attribut align, BR pour espacer les éléments...) et à l'occasion tu pourrais jeter un oeil aux tutos d'Alsa.

Sinon pour ton problème je pense que tu pourrais essayer de rajouter display:block; au style de ton image.

A+

Ton code:

<img style="width: 800px; height: 225px;" alt="Big Family" src="../mot-de-passe/big_family.jpg" align="middle">[b][#red]</img>[/#][/b]

Mieux:

<img width="800" height="225" alt="" src="big_family.jpg" />

Remarques:
- On utilise les attributs width et height en HTML mais c'est un détail (en général on passera plutôt pour une feuille de styles pour déterminer la largeur et éventuellement la hauteur d'un élément... mais pour les images on utilise plutôt ces attributs HTML).
- On place un texte alternatif vide car l'image est surtout décorative, et l'information «Big Family» est plus perturbante qu'utile (en anglais -- sans que cela soit déclaré -- et redondante au vu du texte qui précède l'image).
- Pour le chemin de l'image, on évite de remonter d'un dossier pour ensuite aller dans le dossier qu'on vient de quitter. Donc on pointe directement vers l'image.
- Il ne faut pas utiliser deux balises séparées pour l'élément IMG, mais une balise unique terminée par />

Merci Heyoan,

ta solution est celle qui fonctionnait, ça fait donc désormais :

<img style="width: 800px; height: 225px; display:block;" alt=" " src="../mot-de-passe/big_family.jpg" align="middle"/>

La seconde solution n'a pas fonctionnait mais merci à tous les 2, vous m'avez débloqué.
Mais Firefox respecte tellement les standards qu'il n'y pas de soucis.
Comme on dit chez nous :
-_- Linux un noyau, Windows des pépins !!! -_-
Modifié par haskano1 (04 Sep 2008 - 21:57)

Ce que te proposait Florent n'était pas une solution à ton problème mais une correction/amélioration de ton code.

Tu pourrais donc utiliser ce qu'il t'a suggéré et rajouter un style"display:block;" (au niveau de l'élément ou via ta CSS).

Et si ton sujet est [Résolu] merci de l'indiquer dans le titre.