What's new
HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

Remove Gaps in HTML Table in OUTLOOK!

Joel Van Beek

New member
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>
 
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.
 
Last edited:
Back
Top