Hello, I need help to align images in an office 365 signature (mailflow)

Hello i’d like to align the images at the bottom of the signature. Here’s the code

<br />
 <span style="font-family: Verdana, Arial, Sans-Serif; font-size: 10pt; color: #000000; margin-top: 0pt;"><br />
<br style="line-height: 9pt;"/> <table width="100%" cellpadding="0" cellspacing="0"> <td width="167px" align="left" valign="top" style="padding: 8px 13px 8px 0; border-top: 1px solid #c0c0c0;"> 
<a href="" title="MD Informatique" style="color: #04B486; text-decoration: none;">
<img moz-do-not-send="false" width="275" height="79" src="XX" alt="Logo" style=" padding: 0; border: 0;" /></a> <br>
 <span style="color: #666666;"><strong style="color: #666666;">%%displayName%%</strong>, %%title%% </span> <br>
 <span style="color: #666666;">T&eacute;l&eacute;phone: 
<a href="tel:+15143123005;%%MobileNumber%%" style="text-decoration: none; color: #666666;">%%Office%%</a> Poste: %%MobileNumber%% <p> <span style="color: #666666;">Adresse: %%Street%% %%City%% %%ZipCode%% <p> 
<table> <tr> <td>
<img moz-do-not-send="false" src="XX" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;">
<a href="mailto:%%email%%" style="color: #666666;text-decoration: underline;">%%email%%</a></span></td>
 <td>&nbsp;</td>
 <td>
<img moz-do-not-send="false" src="XX" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;">
<a href="XX" style="color: #666666;text-decoration: underline;">XX</a></span></td>
 <td>&nbsp;</td>
 </tr> </table>
 <table> <tr> <td>
<img moz-do-not-send="false" src="XX" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;">
<a href="https://twitter.com/md_informatique" style="color: #666666;text-decoration: underline;">@md_informatique</a></span></td>
 <td>&nbsp;</td>
 <td>
<img moz-do-not-send="false" src="XX" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;">
<a href="XX" style="color: #666666;text-decoration: underline;">Facebook</a></span></td>
 <td>&nbsp;</td>
 <td>
<img moz-do-not-send="false" src="hXX" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;">
<a href="https://www.linkedin.com/company/md-informatique" style="color: #666666;text-decoration: underline;">LinkedIn</a></span></td>
 <td>&nbsp;</td>
 <td>
<img moz-do-not-send="false" src="XX" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;">
<a href="XX/" style="color: #666666;text-decoration: underline;">Pinterest</a></span></td>
 </tr> </table>
 <p> 
<a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;">
<img moz-do-not-send="false" width="100" height="100" src="XX" alt="MD Bel" style=" padding: 0; border: 0;" /></a> 
<a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;">
<img moz-do-not-send="false" width="100" height="75" src="XX" alt="MD Lenovo" style=" padding: 0; border: 0;" /></a> 
<a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;">
<img moz-do-not-send="false" width="200" height="70" src="hXX" alt="MD Apple" style=" padding: 0; border: 0;" /></a> 
<a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;">
<img moz-do-not-send="false" width="100" height="100" src="XX" alt="MD Meraki" style=" padding: 0; border: 0;" /></a> 
<a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;">
<img moz-do-not-send="false" width="100" height="100" src="XX" alt="MD Xerox" style=" padding: 0; border: 0;" /></a> </td>
 </p> </tr> </table>

Assuming this is some sort of html email then try adding vertical-align:middle to each of those bottom images also assuming you wanted them centred vertically in respect of each other.

e.g.

      <p> 
      <a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;"><img moz-do-not-send="false" width="100" height="100" src="https://via.placeholder.com/150x100" alt="MD Bel" style=" padding: 0; border: 0;vertical-align:middle" /></a> 
      <a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;"><img moz-do-not-send="false" width="100" height="75" src="https://via.placeholder.com/100x75" alt="MD Lenovo" style=" padding: 0; border: 0;vertical-align:middle" /></a> 
      <a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;"><img moz-do-not-send="false" width="200" height="70" src="https://via.placeholder.com/200x70" alt="MD Apple" style=" padding: 0; border: 0;vertical-align:middle" /></a> 
      <a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;"><img moz-do-not-send="false" width="100" height="100" src="https://via.placeholder.com/100x100" alt="MD Meraki" style=" padding: 0; border: 0;vertical-align:middle" /></a> 
      <a href="XX" title="MD Informatique" style="color: #04B486; text-decoration: none;"><img moz-do-not-send="false" width="100" height="100" src="https://via.placeholder.com/100x100" alt="MD Xerox" style=" padding: 0; border: 0;vertical-align:middle" /></a> </td>
      </p>

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.