Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Need help with simple email html

Posted by: sayluv Mar 21 2018, 11:29 AM

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


Attached File(s)
Attached File  ZZZ.html ( 13.75k ) Number of downloads: 197

Posted by: pandy Mar 21 2018, 03: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.

Posted by: sayluv Mar 21 2018, 03:48 PM

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.

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