The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Help aligning elements
sayluv
post 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.

Attached Image

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)
Attached File  Index.html ( 2.44k ) Number of downloads: 176
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
sayluv   Help aligning elements   Mar 21 2018, 03:15 PM


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: 28th March 2024 - 03:12 PM