getting rid of that extra space on images?

liunx

Guest
one thing thats always annoyed me about IE is how it puts extra space around images as can be seen here:<br />
<!-- m --><a class="postlink" href="http://n-son.com/outcast/index2.html">http://n-son.com/outcast/index2.html</a><!-- m --><br />
<br />
it looks absolutely fine in moz, but IE put that space around it. does anyone know how one can remove that, if its possible?<!--content-->I am afraid you put that extra space in.<br />
<br />
Table data or <td>'s need to be closed on the same line of carriage they start on. You have put in a break of carriage and some spaces with the tab. IE will see this as data and put it in to the left and right of the image. As you have set the width it will force it above and below the image. Thus IE has rendered it correctly whereas the others haven't.<br />
<br />
So do this:<br />
<td><image blah blah></td><br />
<br />
not:<br />
<td><br />
<image blah blah><br />
</td><!--content-->thanks, but i changed it around to use divs and not that table, so ti works better and has less code :P<br />
<br />
at least i know why it does that :D<!--content-->When using DIVs for a layout, I had the same problem, I tidied the HTML with <!-- m --><a class="postlink" href="http://cgi.w3.org/cgi-bin/tidy">http://cgi.w3.org/cgi-bin/tidy</a><!-- m --> without indents, and it fixed it, did it with indents, and the problem came back.<!--content-->
 
Back
Top