The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Email signature help
arnamy1
post Nov 14 2017, 10:53 AM
Post #1





Group: Members
Posts: 1
Joined: 14-November 17
Member No.: 26,534



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: 451
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 14 2017, 12:27 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 12:28 AM