Discussion :

[allezlolo]

Bonjour à tous,
voici un code simple que j'arrive à faire marcher sous mozilla mais pas sous IE.

Code :

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

1
2
3
4
5
6
 
<table border=0><tr><td width=15%>Mon titre</td>
<td width=50%>Mon texte</td>
<td width=35%><img src="adreseimg" width=100%></td>
</tr>
</table>

Voilà le code est assez court, mon problème est que sous mozilla tout s'affiche correctement mais sous ie, mon image s'affiche en taille réelle et ne se réduit pas seulement au 35% qui luis sont donnés dans ma 3e colonne.

Merci d'avance pr votre aide

[HiRoN]

Salut,

As-tu tenté :

Code :

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

<img src="adresseimg" alt="" style="height:XX%; width:XX%;" />

(de forcer en + le redimensionnement directement sur les propriétés de l'image, mais des valeurs en Px me semble plus appropriées)
?

Edit : Suis la démarche d'Erwan31. A la base, ta structure n'est pas bonne (utilisation de table obsolète dans ton cas, et bien d'autres choses)...

[Erwan31]

Bonsoir,
un balisage sémantique (hn,p,...) serait un peu plus approprié qu'un tableau.
Le niveau de titrage (h1,h2,h3...) dépendra de la position du titre dans la hiérarchie de titrage.
Essayes de toujours conserver la taille intrinsèque de l'image via les attributs de taille html, sans oublier d'ajouter un alt (alternative textuelle) même vide.
Toujours mettre les valeurs d'attributs entre guillemets.

Code :

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

1
2
3
4
5
6
 
<div style="overflow:hidden; width:100%">
<h2 style="float:left; width:15%">Titre</h2>
<img style="float:right; width:35%" src="adreseimg" width="..." height="..." alt="">
<p style="overflow:hidden;">texte<p>
</div>

Si l'odre d'apparition de l'image dans le code a une importance, il faudra passer par une autre technique de positionnement.
Si tu es prêt à passer à la mise en page via div/css, je t'expliquerai en détail ce code