Never have these problems with tables, css sucks. Just trying to line up a row of images as below but just cannot get rid of spaces between them, in IE anyway.
<style type="text/css">
.content {float:left; margin:0px; padding:0px;}
.content img {float:left; margin:0px; padding:0px;}
</style>
blah, blah, head, body, etc
<div class=content>
<img src="image_files\gallery1.jpg" border=0 title="">
<img src="image_files\gallery2.jpg" border=0 title="">
<img src="image_files\gallery3.jpg" border=0 title="">
<img src="image_files\gallery4.jpg" border=0 title="">
<img src="image_files\gallery5.jpg" border=0 title="">
</div>
Any ideas? Cheers.
PS Ok in Firefox. Margin:-3px works in IE, Sucky. Must be better way.
<style type="text/css">
.content {float:left; margin:0px; padding:0px;}
.content img {float:left; margin:0px; padding:0px;}
</style>
blah, blah, head, body, etc
<div class=content>
<img src="image_files\gallery1.jpg" border=0 title="">
<img src="image_files\gallery2.jpg" border=0 title="">
<img src="image_files\gallery3.jpg" border=0 title="">
<img src="image_files\gallery4.jpg" border=0 title="">
<img src="image_files\gallery5.jpg" border=0 title="">
</div>
Any ideas? Cheers.
PS Ok in Firefox. Margin:-3px works in IE, Sucky. Must be better way.
Comment