How to fix this whitespace issue between images in HTML? -


requirement

i want create image multiple hyperlinks on , email someone.

what did

i used photoshop's slicing method , added url slices. saved composition web. work on recipient's end, uploaded each slice online photo hosting website , edited html tag img src="local photo location" img src = "online photo location". problem multiple white-spaces between each slice distorts overall image.

code

    <html>      <head>      <title>general infosheet july 25</title>      <meta http-equiv="content-type" content="text/html; charset=utf-8">      </head>      <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">      <!-- save web slices (general infosheet july 25.jpg) -->      <table id="table_01" width="800" height="1034" border="0" cellpadding="0" cellspacing="0">          <tr>              <td>                  <a href="http://facebook.com/">                      <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/wcg-general-infosheet-july-25_01_zpsgxd25oae.jpg" width="539" height="158" border="0" alt=""></a></td>              <td rowspan="2">                  <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/stackoverflow-version_02_zpsmqhre1ll.jpg" width="260" height="452" alt=""></td>              <td>                  <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/spacer_zpsfueep0xe.gif" width="1" height="158" alt=""></td>          </tr>          <tr>              <td rowspan="4">                  <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/stackoverflow-version_03_zpsnfkulzvt.jpg" width="539" height="876" alt=""></td>              <td>                  <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/spacer_zpsfueep0xe.gif" width="1" height="294" alt=""></td>          </tr>          <tr>              <td>                  <a href="http://twitter.com/">                      <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/wcg-general-infosheet-july-25_04_zps239b1stn.jpg" width="260" height="144" border="0" alt=""></a></td>              <td>                  <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/spacer_zpsfueep0xe.gif" width="1" height="144" alt=""></td>          </tr>          <tr>              <td>                  <a href="http://instagram.com/">                      <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/wcg-general-infosheet-july-25_05_zpsuwqhoawm.jpg" width="260" height="134" border="0" alt=""></a></td>              <td>                  <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/spacer_zpsfueep0xe.gif" width="1" height="134" alt=""></td>          </tr>          <tr>              <td>                  <a href="http://photobucket.com/">                      <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/wcg-general-infosheet-july-25_06_zpsiwxkb9ty.jpg" width="260" height="304" border="0" alt=""></a></td>              <td>                  <img src="http://i349.photobucket.com/albums/q381/shrijanaryal/stackoverflow/spacer_zpsfueep0xe.gif" width="1" height="304" alt=""></td>          </tr>      </table>      <!-- end save web slices -->      </body>      </html> 

question

i want remove white-space between images. please provide code edits remove these white-space.

make sure padding each table cell 0px, , set border-spacing property 0, , border-collapse property collapse. tables default have spacing, resulting in whitespace.


Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -