Hello!
I've got an issue with outlook that I can't seem to find the answer for. I have made a html mail signature following a tutorial and it works just fine directly in the browser and in gmail/hotmail. However, when I use it with outlook it creates spaces in between all of the images that the mail signature is made up of. Does anyone have a clue why it does this? I would really appreciate some help since Im a designer and Im kind of clueless when it comes to coding.
I've got an issue with outlook that I can't seem to find the answer for. I have made a html mail signature following a tutorial and it works just fine directly in the browser and in gmail/hotmail. However, when I use it with outlook it creates spaces in between all of the images that the mail signature is made up of. Does anyone have a clue why it does this? I would really appreciate some help since Im a designer and Im kind of clueless when it comes to coding.
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style media="screen" type="text/css">
td {line-height:0; font-size: 0.0em; }
img { display: block; float: left; padding: 0; align: absbottom; align: texttop; }
</style>
</head>
<!-- PASTE YOUR CODE BELOW HERE -->
<html>
<head>
<title>tomasra</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (anneli.psd) -->
<table id="Tabell_01" width="634" height="294" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<a href="tel:0103830000"><img src="images/tomasra_01.png" width="317" height="41" alt=""></a></td>
<td colspan="2">
<img src="images/tomasra_02.png" width="317" height="41" alt=""></td>
</tr>
<tr>
<td colspan="5">
<a href="https://enkv.se/" target="_blank"><img src="images/tomasra_03.png" width="349" height="163" alt=""></a></td>
<td rowspan="2">
<img src="images/tomasra_04.png" width="285" height="252" alt=""></td>
</tr>
<tr>
<td>
<a href="tel:0103830000"><img src="images/tomasra_05.png" width="93" height="89" alt=""></a></td>
<td>
<a href="mailto:[email protected]"><img src="images/tomasra_06.png" width="80" height="89" alt=""></a></td>
<td>
<a href="https://www.facebook.com/enkvassistans/" target="_blank"><img src="images/tomasra_07.png" width="82" height="89" alt=""></a></td>
<td colspan="2">
<a href="https://www.instagram.com/enkvassistans/" target="_blank"><img src="images/tomasra_08.png" width="94" height="89" alt=""></a></td>
</tr>
<tr>
<td>
<img src="spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="80" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="82" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="285" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
<!-- PASTE YOUR CODE ABOVE HERE -->
</html>