Spaces between sliced images for create your own HTML

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • Answered
Im having trouble getting rid of spaces between sliced images. Chrome V 41

Here is my code

<table border="0" cellpadding="0" cellspacing="0" height="862" id="Table_01" width="600"><tr>
<td colspan="18" rowspan="3">
<img alt="" height="103" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__01.jpg"; width="459"/></td>
<td colspan="2">
<img alt="" height="30" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__02.jpg"; width="141"/></td>
</tr>
<tr>
<td colspan="2">
<img alt="" height="19" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__03.jpg"; width="141"/></td>
</tr>
<tr>
<td colspan="2">
<img alt="" height="54" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__04.jpg"; width="141"/></td>
</tr>
<tr>
<td>
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__05.jpg"; width="28"/></td>
<td colspan="5">
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__06.jpg"; width="117"/></td>
<td colspan="2">
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__07.jpg"; width="26"/></td>
<td colspan="3">
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__08.jpg"; width="117"/></td>
<td colspan="2">
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__09.jpg"; width="27"/></td>
<td colspan="4">
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__10.jpg"; width="118"/></td>
<td>
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__11.jpg"; width="26"/></td>
<td>
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__12.jpg"; width="118"/></td>
<td>
<img alt="" height="27" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__13.jpg"; width="23"/></td>
</tr>
<tr>
<td colspan="4">
<img alt="" height="20" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__14.jpg"; width="107"/></td>
<td colspan="5">
<img alt="" height="20" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__15.jpg"; width="88"/></td>
<td colspan="3">
<img alt="" height="20" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__16.jpg"; width="105"/></td>
<td colspan="2">
<img alt="" height="20" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__17.jpg"; width="64"/></td>
<td colspan="4">
<img alt="" height="20" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__18.jpg"; width="95"/></td>
<td colspan="2">
<img alt="" height="20" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__19.jpg"; width="141"/></td>
</tr>
<tr>
<td colspan="16">
<img alt="" height="182" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__20.jpg"; width="390"/></td>
<td colspan="4">
<img alt="" height="182" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__21.jpg"; width="210"/></td>
</tr>
<tr>
<td colspan="10" rowspan="3">
<img alt="" height="398" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__22.jpg"; width="246"/></td>
<td colspan="10">
<img alt="" height="126" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__23.jpg"; width="354"/></td>
</tr>
<tr>
<td colspan="10">
<img alt="" height="109" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__24.jpg"; width="354"/></td>
</tr>
<tr>
<td colspan="10">
<img alt="" height="163" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__25.jpg"; width="354"/></td>
</tr>
<tr>
<td colspan="20">
<img alt="" height="40" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__26.jpg"; width="600"/></td>
</tr>
<tr>
<td colspan="20">
<img alt="" height="40" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__27.jpg"; width="600"/></td>
</tr>
<tr>
<td colspan="2">
<img alt="" height="51" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__28.jpg"; width="53"/></td>
<td>
<img alt="" height="51" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__29.jpg"; width="27"/></td>
<td colspan="2">
<img alt="" height="51" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__30.jpg"; width="34"/></td>
<td colspan="2">
<img alt="" height="51" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__31.jpg"; width="38"/></td>
<td colspan="8">
<img alt="" height="51" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__32.jpg"; width="224"/></td>
<td colspan="5">
<img alt="" height="51" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__33.jpg"; width="224"/></td>
</tr>
<tr>
<td>
<img alt="" height="0" src="images/spacer.gif" width="28"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="25"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="27"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="27"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="7"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="31"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="7"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="19"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="24"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="51"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="42"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="12"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="15"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="49"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="12"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="14"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="43"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="26"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="118"/></td>
<td>
<img alt="" height="0" src="images/spacer.gif" width="23"/></td>
</tr>
</table>
Photo of Salvation Army Kroc Center

Salvation Army Kroc Center

  • 1 Post
  • 0 Reply Likes
  • frustrated

Posted 3 years ago

  • 0
  • 1
Photo of Damian Gatta

Damian Gatta, Official Rep

  • 342 Posts
  • 43 Reply Likes
Official Response
Hi There!

You will want to include what we like to call "image glue".  Each slice or part of the image needs border="0" and style="display:block" included in the image tag.  This will "glue" all those slices together so you will not see the white spaces.

That should do the trick!  Feel free to give me a shout with any questions or if there is anything else I can do to help.
Photo of Grey Stepp

Grey Stepp, Support Team Manager

  • 1700 Posts
  • 135 Reply Likes
Official Response
Hey there!  

You'll want to put that within the <img /> tag.  So in your example you'd add it in here:

<img alt="" height="182" src="http://kroccenter.org/wp-content/uploads/wordpress/April-2015_Campaign-EBLAST-_FULL__20.jpg"; width="390; border="0"; style="display:block""/>

That make sense? 

- G