![]() |
Forum SELFHTML: Archives: |
|
|
Le message suivant est de: Mathieu,
mygal81@hotmail.fr, 13. 12. 2005, 18:00
Bonjour,
j'essaie de manipuler l'atribut float pour les images, et suis confronté a un problème.
Voici le code:
<html>
<head>
<style type="text/css">
.Cell { border: 1px solid; border-color: #330066; background-color:#FFF; padding:0; spacing:0; margin:0;}
.Texte1 {font-family : 'Trebuchet MS', serif; font-weight:normal; font-size: 16px; margin:4px }
</style>
</head>
<body >
<table border="0" cellpadding="0" cellspacing="0" class="cell">
<tr valign="top"><td style="width:574px;">
<img src="gif.gif" width="492" height="33" style="display:block;float:left; align: left">
<img src="jpg.jpg" width="80" height="90" style="display:block; float:right;">
<div class="Texte1">bla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla<br><br> bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla </div>
</td></tr></table>
</body>
</html>
Sous Firefox bien evidemment, ca marche, mais sous IE qui ajoute de smarges autour de mon image, a laquelle je suis obligé d'ajouter un style="margin:-3px": incroyable.
Quelqu'un aurait une idée pour contrer ce soucis ?
merci beaucoup !
Le message suivant est de: Dieter Raber, 18. 12. 2005, 11:10
Salut,
Le problème avec les marges autour l'images, c'est un bug de IE. La solution est d'avoir tout le code source pour les images dans une ligne.
Dieter
© 1998-2004
selfhtml@fr.selfhtml.org