Remove Gaps in HTML Table in OUTLOOK!

Joel Van Beek · Dec 12, 2023

Hello, I am new to HTML and cannot seem to remove the gaps in between elements for an email signature - it works for gmail and apple mail but not outlook.

<!DOCTYPE html>
<html>
<head><title>Email Signature</title></head>
<Body>
<table cellspacing="0" style="width: 380px; max-width: 380px; border-spacing: 0px; border-collapse: collapse; column-gap: 0px; margin: 0px; padding: 0px;">
<tr></tr>
<td width="130px" valign="top"><img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R1C1_130X130_Headshot.png" style="width: 100%; min-width: 130px; display: block;"></td>
<td width="30px" valign="top"><img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R1C2_30X83_Name.png" style="width: 100%; min-width: 30px; display: block;">
<img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R2C2_30X47_Youtube.png" style="width: 100%; min-width: 30px; display: block;"></td>
<td width="35px" valign="top"><img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R1C3_35X83_Name.png" style="width: 100%; min-width: 35px; display: block;">
<img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R2C3_35X47_Instagram.png" style="width: 100%; min-width: 35px; display: block;"></td>
<td width="35px" valign="top"><img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R1C4_35X83_Name.png" style="width: 100%; min-width: 35px; display: block;">
<img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R2C4_35X47_Facebook.png" style="width: 100%; min-width: 35px; display: block;"></td>
<td width="60px" valign="top"><img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R1C5_60X83_Name.png" style="width: 100%; min-width: 60px; display: block;">
<img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R2C5_60X47_Blank.png" style="width: 100%; min-width: 60px; display: block;"></td>
<td width="90px" valign="top"><img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R3C1_90X45_Website.png" style="width: 100%; min-width: 90px; display: block;">
<img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R3C2_90X15_Phone.png" style="width: 100%; min-width: 90px; display: block;">
<img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R3C3_90X18_Email.png" style="width: 100%; min-width: 90px; display: block;">
<img src="https://sabc.ca/wp-content/uploads/2023/12/Testing_R3C4_90X52_Logo.png" style="width: 100%; min-width: 90px; display: block;"></td>
</tr>
</Body>
</html>
</table>

cittybb24356 · May 5, 2024

What have you tried? Did you try <br> to see if that give a space in the email signature. This a table and some other content in it. Can they alter OUTLOOK now? I didn't know. Nicely snugged and fit into the table. You 'll have to measure the screen in px, then see if the png file fits snuggly in the table. Set to different screens afterwards. In outlook.

Remove Gaps in HTML Table in OUTLOOK!

Joel Van Beek

New member

cittybb24356

Member

Similar threads