HTML: need help reducing white spaces between image table rows -
i managed reduce white space between images on same row of table blogger.com, can't life of me figure out how reduce white space between rows of images. below html have. suggestions?
<table border="0" cellpadding="0" cellspacing="5" style="width: 900px;"> <tbody> <tr><td valign="top" width="209"> <img src="url" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px width="200"/> ... <img src="url" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px width="200"/> </tbody></table>
you missing "
before width="200"
did not have closing </td>
did not have closing </tr>
had cellspacing="5"
-- changed cellspacing="0"
here code corrections
<table border="0" cellpadding="0" cellspacing="0" style="width: 900px;"> <tbody> <tr><td valign="top" width="209"> <img src="url" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px" width="200" /> <img src="url" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px" width="200"/></td></tr> </tbody></table>
here code working on jsfiddle
Comments
Post a Comment