Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Email signature help

Posted by: arnamy1 Nov 14 2017, 10:53 AM

I've read email signatures are still best done with tables and not div's so I've gotten this far but there's still some formatting I don't like. Honestly, don't like this as a whole but you do what the boss wants. It's been a long time since I fiddled with HTML & CSS!
I'd like the top and bottom <td>'s to not be so tall, and I'd like the Facebook logo to push a little closer to the type next to it on the right.
Any advice would be awesome!
Thank you.
Amy


Attached File(s)
Attached File  Email_Signature.html ( 2.49k ) Number of downloads: 3

Posted by: pandy Nov 14 2017, 12:27 PM

QUOTE(arnamy1 @ Nov 14 2017, 04:53 PM) *

I'd like the top and bottom <td>'s to not be so tall


Override the browser default top and bottom margins on P with something you like for the Ps inside those TDs.


QUOTE
I'd like the Facebook logo to push a little closer to the type next to it on the right


It's because everything is centered in combination with the float. Remove align=center from that last TD. Instead center the content of the two Ps you inside it. I think CSS text-align: center is safe in email. Move the floated Facebook logo outside the last P. Place it just before it. Lastly adjust the alignment with left margin on the logo and right margin on the last P until it looks like you want.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)