Help aligning elements |
Help aligning elements |
sayluv |
Mar 21 2018, 03:15 PM
Post
#1
|
Group: Members Posts: 7 Joined: 21-March 18 Member No.: 26,613 |
Hi.
I have made some progress in my HTML template. How can I move the green arrow in the upper left to align with the left edge of the white table? Right now it is a little off to the left. I am trying to make sure that the center white table doesn't get too small or too big as well. If I could push the phone number and image in the footer a little more outside as well that would be nice. thank you. CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> </head> <body bgcolor="#f3f2f0"> <style type="text/css">body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} </style> <table border="0" cellpadding="8" cellspacing="0" width="100%"> <tbody> <tr> <td bgcolor="f3f2f0" valign="top"> <table align="center" border="0" cellpadding="1" cellspacing="1" style="min-width:300px; max-width:500px;"> <tbody> <tr> <td><img alt="Logo" src="https://gallery.mailchimp.com/fdcaf86ecc5056741eb5cbc18/images/73ac4376-78ab-4d32-a0b5-b8195202e51f.jpg" style="width: 55px; height: 60px;" /></td> </tr> <tr> <td> </td> </tr> </tbody> </table> <table align="center" bgcolor="ffffff" border="0" cellpadding="1" cellspacing="1" style="min-width:300px;max-width:500px; padding-left: 50px;"> <tbody> <tr> <td><span style="font-family:arial,helvetica,sans-serif;font-size:18px">Dear your Name,</span> <p><span style="font-family:arial,helvetica,sans-serif;font-size:14px">Lorem ipsum dolor sit amet, consecte adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore lorem ipsum dolor sit amet, consecte adipisicing elit, sed eiusmod tempor.</span></p> <p> </p> <p><span style="font-family:arial,helvetica,sans-serif;font-size:14px">Best Regards,<br /> Your Company</span></p> <p> </p> </td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="1" cellspacing="1" style="min-width:300px;max-width:500px;"> <tbody> <tr> <td colspan="3"> </td> </tr> <tr> <td> <p><span style="font-size:14px;"><span style="font-family:arial,helvetica,sans-serif;"><a href="https://www.pawopedic.com">www.fb.com</a><br /> <a href="tel:555-555-5555">555-555-5555</a> </span></span></p> </td> <td> </td> <td><img alt="FaceBook" src="https://gallery.mailchimp.com/fdcaf86ecc5056741eb5cbc18/images/73ac4376-78ab-4d32-a0b5-b8195202e51f.jpg" style="width:35px; height:35px; float: right;" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html> Attached File(s) Index.html ( 2.44k ) Number of downloads: 176 |
Lo-Fi Version | Time is now: 25th April 2024 - 10:41 PM |