Email Signature Image Moving Options

[beanzz]

Hey Guys. Any help appreciated. I'm pretty new to HTML and have modified some code for an email signature to add my information. There is an image (gif) to the left and text information to the right. Its mostly working but the image keeps moving vertical alignment when I open it in Apple mail. It appears to work fine in my editor, but maybe I'm not constraining the image properly? I'm using valign but possibly in the wrong place? Code below. Thanks for taking a look!

<br />
<table width='0' height = 0 id="sig" cellspacing='0' cellpadding='0' border-spacing='0' style="margin:0;padding:0;">
<td valign= "middle" style="width:1px;margin:1;padding:1;">
<a href='http://otbirds.com' style="border:none;text-decoration:none;"><img src="https://thumb.ibb.co/dgyuna/OTB.gif"width=100 height=35 alt="OTB" border="0"></a>
</td>
<td style="margin:0;padding:6;">
<table id="sig2" cellspacing='0' cellpadding='0' border-spacing='0' style="padding:0;margin:0;font-family:Helvetica;font-size:10px;color:#b0b0b0;border-collapse:collapse;-webkit-text-size-adjust:none;">
<tr style="margin:0;padding:0;">
<td style="margin:0;padding:0;font-family:Helvetica;white-space:nowrap;">
<strong><a href="mailto:andrew@ombirds.com " style="border:none;text-decoration:none;color:#000000;"><span style="color:000000">Andrew Macy</span></a></strong><span style="color:e0e0e0;">,</span>
<span style="color:#b0b0b0; font-size:8px">Mixer<span style="color:#e0e0e0"> | <span style="color:#b0b0b0">Sound Designer</span>
</td>
</tr>
<tr style="margin:0;padding:0;color:#000000;">
<td style="margin:0;padding:0;font-family:Helvetica;white-space:nowrap;">
<a href="http://ombirds.com.com" style="border:none;text-decoration:none;color:#b0b0b0;"><span style="color:#b0b0b0">One <span style="color:#b0b0b0">Thousand </span>Birds</span></a><span style="color:e0e0e0;"> </span>
<a href="https://goo.gl/maps/bR2sAGKiEzE2" style="border:none;text-decoration:none;color:#b0b0b0;"><span style="color:#b0b0b0">LA</span><span style="color:#e0e0e0"> |
<a href="https://goo.gl/maps/2BWbWBCCrV12" style="border:none;text-decoration:none;color:#b0b0b0;"><span style="color:#b0b0b0">NY</span></a>
</td>
</tr>

<tr style="margin:0;padding:0;color:#000000;">
<td style="margin:0;padding:0;font-family:Helvetica;white-space:nowrap;">
<a href="tel:+1-310-596-4606" style="text-decoration:none;color:#b0b0b0;">o. <span style="color:#b0b0b0">310</span><span style="color:#e0e0e0">.</span><span style="color:#b0b0b0">546</span><span style="color:#e0e0e0">.</span><span style="color:#b0b0b0">4606</span></a>
<span style="color:e0e0e0;">|</span>
<a href="tel:+1-917-722-3146" style="text-decoration:none;color:#b0b0b0;">c. <span style="color:#b0b0b0">917</span><span style="color:#e0e0e0">.</span><span style="color:#b0b0b0">722</span><span style="color:#e0e0e0">.</span><span style="color:#b0b0b0">3146</span></a>
</td>
</tr>
</table>

[pandy]

Looks OK in a browser. In what way does the image move?

[beanzz]

Looks OK in a browser. In what way does the image move?

Thanks for the reply. It resizes itself and moves off vertical center, either up or down. Possibly it's just a limitation of HTML in Apple Mail? It looks fine in the browser for me as well. Just didn't know if I was missing some way to constrain the image better.