The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Need help with simple email html
sayluv
post Mar 21 2018, 11:29 AM
Post #1





Group: Members
Posts: 7
Joined: 21-March 18
Member No.: 26,613



Hi-

I got this template from the web. I would like to make a few small adjustments as marked in the attached picture. I just need a little spacer above the logo in the top left to push it down a tad. I would also like to push the items in the bottom row out to the edges of the white inner table.

Attached Image

any help would be appreciated. thanks, sl

Also, I just noticed when I email the html from Safari in Osx and open in mail it has some red areas that don't appear when just viewing the file itself.

Attached Image

This post has been edited by sayluv: Mar 21 2018, 11:37 AM


Attached File(s)
Attached File  ZZZ.html ( 13.75k ) Number of downloads: 61
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 21 2018, 03:21 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,917
Joined: 9-August 06
Member No.: 6



Change the padding of the table cells the two items are in to your liking.

Increase the top padding here.
CODE
<td style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:5px;" align="left">
           ^^^^^^^^^^^^^^^^                            
<a href="#" target="_blank"><img src="https://gallery.mailchimp.com/fdcaf86ecc5056741eb5cbc18/images/13f425ab-c680-4ae088de-7b493d95095f.jpg"
alt="Logo" width="60" height="60" style="border-width:0; max-width:60px;height:auto; display:block" align="left"/>


And decrease the bottom padding here.
CODE
<td align="left" style="padding:50px 50px 50px 50px"><p style="color:#262626; font-size:24px;
                                          ^^^^
text-align:left; font-family: Verdana, Geneva, sans-serif"><strong>Dear Your Name</strong>,</p>


But I wouldn't use that template at all. It's horrible. Sorry, but it really is.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
sayluv
post Mar 21 2018, 03:48 PM
Post #3





Group: Members
Posts: 7
Joined: 21-March 18
Member No.: 26,613



Thank you. I am open to suggestions if you have any better templates!

QUOTE(pandy @ Mar 21 2018, 01:21 PM) *

Change the padding of the table cells the two items are in to your liking.

Increase the top padding here.
CODE
<td style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:5px;" align="left">
           ^^^^^^^^^^^^^^^^                            
<a href="#" target="_blank"><img src="https://gallery.mailchimp.com/fdcaf86ecc5056741eb5cbc18/images/13f425ab-c680-4ae088de-7b493d95095f.jpg"
alt="Logo" width="60" height="60" style="border-width:0; max-width:60px;height:auto; display:block" align="left"/>


And decrease the bottom padding here.
CODE
<td align="left" style="padding:50px 50px 50px 50px"><p style="color:#262626; font-size:24px;
                                          ^^^^
text-align:left; font-family: Verdana, Geneva, sans-serif"><strong>Dear Your Name</strong>,</p>


But I wouldn't use that template at all. It's horrible. Sorry, but it really is.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 27th May 2018 - 04:14 PM