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

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

magento2 - Magento 2 admin grid add filter to collection -

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