11 Replies Latest reply: Apr 21, 2011 4:40 PM by PrintingByDBE RSS

    Absoulte Position Help

    PrintingByDBE Community Member

      Hello im creating an email campain and they keep mentioning to make sure the right colum is not absolute position and needs to be in a table...

       

      here is a link of what it looks like www.proofsnow.com

       

      thats what it should look like... but im using absolute position to achive this...

       

      is there another way with out using the absolute position???

       

       

       

      Thanks!

        • 1. Re: Absoulte Position Help
          PrintingByDBE Community Member

          Not Sure if this helps but here is the code that i set up as well...

          I highlighted the area that im questioning...

           

          <html xmlns="http://www.w3.org/TR/REC-html40">
          <head>
          <meta http-equiv=Content-Type content="text/html; charset=windows-1252">
          <title>Golf N' Stuff - Principal Days</title>
          <style>
          <!--
          p.Arial, li.Arial, div.Arial {
              text-indent:0pt;
              font-family:Arial;
              font-size:12pt;
              color:black;
              text-align: justify;
          }
          -->
          </style>
          </head>
          <body topmargin="0">
            <table cellpadding=0 cellspacing=0>
              <tr>
                <td width=350 height=48 style='padding:0pt 2.88pt 0pt 2.88pt'>
                    <p class=Arial style='text-align:center;text-align:center;font-size:14.0pt;font-family:Arial;font-weight :bold;'>Come and join us for<br>
                      Directors Days in May at</span></p>
                </td>
              </tr>
            </table>
            <table cellpadding=0 cellspacing=0>
              <tr>
                <td width=320 height=50 style='padding:0pt 2.88pt 5pt 25pt'>
                      <img
          src="images/image2681.jpg" width=276 height=101 align="middle">
                  </td>
              </tr>
            </table>
            <table cellpadding=0 cellspacing=0>
              <tr>
                <td width=350 height=48 style='padding:0pt 2.88pt 0pt 2.88pt'>
                    <p class=Arial style='text-align:center;text-align:center;font-size:14.0pt;font-family:Arial;font-weight :bold;'>We're offering you two complimentary tickets for you to enjoy the park!</span></p>
                  </td>
              </tr>
            </table>
           
           
            <table cellpadding=0 cellspacing=0>
              <tr>
          <td width=132 height=132 style='padding:2.88pt 2.88pt 2.88pt 2.88pt'>
          <img width=132 height=174
          src="images/image365.jpg">
                  </td>
              <td width=210 height=132 style='padding:2.88pt 2.88pt 2.88pt 2.88pt'>
                    <p class=Arial>This is a great opportunity for you to experience what Golf N' Stuff in Norwalk offers in the way of company picnics and group events!</p>
                    <p class=Arial style='text-align:center; text-align:justify; font-size:14.0pt; font-family:Arial; font-weight:bold;'>Pick a weekend day in May 2011 and the Park is on us! </span></p>
                  </td>
                  </tr>
          </table>

           
          <table cellpadding=0 cellspacing=0>
              <tr>
          <td width=350 height=132 style='padding:2.88pt 2.88pt 2.88pt 2.88pt'>
                  <p class=Arial><span lang=en-US style='language:en-US; text-align: justify;'>Choose any Saturday and Sunday to enjoy miniature golf, go karts, bumper boats, bumper cars, Disk'O Thrill ride, and more. Discount coupons will also be available for additional attendees so you can invite family and friends. Tickets will be placed on a will call basis. </span></p>
                  <p class=Arial><span lang=en-US style='language:en-US; text-align: justify;'>Contact the Group Sales office to reserve your FREE tickets and discount coupons today! </span><span lang=en-US style='language:en-US; text-align: justify;'>Call 562-864-7706 Monday-Friday 9 a.m. to 5 p.m. </span></p></td>
              </tr>
          </table>

           

          <table cellpadding=0 cellspacing=0>
              <tr>
                <td width=350 height=20 style='padding:5pt 2.88pt 0pt 2.88pt'>
                    <p class=Arial style='text-align:center;text-align:center;font-size:18.0pt;font-family:Arial;font-weight :bold;'><a href="www.golfnstuff.com">www.golfnstuff.com</a><br/>562-868-9956<br/>10555 E. Firestone Blvd. <br/>Norwalk, CA 90650</p>
                </td>
              </tr>
            </table>

           

          <table cellpadding=0 cellspacing=0>


              <tr>


                <td width=257 height=651 style='padding:5pt 2.88pt 0pt 2.88pt'>


          <span style='position:absolute; left:375px; top:15px; width:256px; height:653px'><img width=257 height=651


          src="images/image292.jpg"></span></td>


              </tr>


          </table>
          • 2. Re: Absoulte Position Help
            Nancy O. CommunityMVP

            APDivs will not render properly in the majority of E-mails clients.

            Don't use them.

             

            Read this:

            http://alt-web.com/Articles/HTML-Emails.shtml

             

             

             

            Nancy O.
            Alt-Web Design & Publishing
            Web | Graphics | Print | Media  Specialists 
            http://alt-web.com/
            http://twitter.com/altweb

            • 3. Re: Absoulte Position Help
              PrintingByDBE Community Member

              yea thats what there telling me that they dont work well but how can i get the same style/positioning with out using them...?

               

              also your link gave me a 404 error

               

              • 4. Re: Absoulte Position Help
                Nancy O. CommunityMVP

                Upload a picture of your Concept using the forum Camera icon.  Perhaps if we see what you're trying to achieve we can offer some better solutions.

                 

                This link works fine for me:

                http://alt-web.com/Articles/HTML-Emails.shtml

                 

                OR, TRY THIS LINK

                 

                 

                 

                Nancy O.
                Alt-Web Design & Publishing
                Web | Graphics | Print | Media  Specialists 
                http://alt-web.com/
                http://twitter.com/altweb

                • 5. Re: Absoulte Position Help
                  PrintingByDBE Community Member

                  heres a link www.proofsnow.com/gns1

                   

                  Picture 1.png

                   

                  this is what im trying to accomplish...

                   

                  the "panel of 4images in one" is the thing thats AP

                   

                  THANKS FOR THE HELP

                  • 6. Re: Absoulte Position Help
                    PrintingByDBE Community Member

                    THANK YOU for the link that will help alot in the future!

                     

                    but i still need some help this time around with this problem!

                    =)

                    • 7. Re: Absoulte Position Help
                      Nancy O. CommunityMVP

                      Use a 4 x 2 Table.  Insert each image into it's own <td>.

                       

                      <table style="border-collapse: collapse; width:500px" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                      <td>Lorem ipsum dolor </td>
                      <td>Image 1 goes here </td>
                      </tr>
                      <tr>
                      <td>Lorem ipsum dolor </td>
                      <td>Image 2 goes here </td>
                      </tr>
                      <tr>
                      <td>Lorem ipsum dolor </td>
                      <td>Image 3 goes here </td>
                      </tr>
                      <tr>
                      <td>Lorem ipsum dolor </td>
                      <td>Image 4 goes here </td>
                      </tr>
                      </table>

                       

                       

                      In E-mails, you must use ABSOLUTE paths to images hosted on your remote server. 

                      "http://yourdomain.com/images/email_image1.jpg"

                       

                       

                      Nancy O.
                      Alt-Web Design & Publishing
                      Web | Graphics | Print | Media  Specialists 
                      http://alt-web.com/
                      http://twitter.com/altweb

                      • 8. Re: Absoulte Position Help
                        PrintingByDBE Community Member

                        the "4 images" is actually just 1 image tho?

                        • 9. Re: Absoulte Position Help
                          Nancy O. CommunityMVP

                          the "4 images" is actually just 1 image tho?

                           

                          Slice it up in Fireworks or Photoshop. 

                           

                           

                          Nancy O.
                          Alt-Web Design & Publishing
                          Web | Graphics | Print | Media  Specialists 
                          http://alt-web.com/
                          http://twitter.com/altweb

                          • 10. Re: Absoulte Position Help
                            PrintingByDBE Community Member

                            doing this seems to be messing with the whole layout

                             

                            Picture 1.png

                            • 11. Re: Absoulte Position Help
                              PrintingByDBE Community Member

                              GOT IT AHAHAHAHHAHA

                              thanks to everyone!!!

                               

                               

                              it dawned on me did my own thing n it worked im so estatic!!!