11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

How Can I Wrap Text Around An Aweber Form

by Kevin Phillips
9 replies
  • WEB DESIGN
    • |
Hi Guys

I want to put an aweber form into my homepage.

No problem there but i nedd to know How I can Wrap the Text Around the Aweber Form.

Any help would be appreciated. It is probably a simple code and i have searched google to no avail

All the best

Kevin
#aweber #form #text #wrap
  • Profile picture of the author ronc0011
    My first thought would be to put the form in a div. Use a float element on the text or p tag for your text
    {{ DiscussionBoard.errors[5249045].message }}
  • Profile picture of the author Istvan Horvath
    Actually, NOT the next element but the div containing the form should be "float": the next element will wrap around the floated element. In other words, no need to do anything with the text and/or paragraph if the div with the form is floated (left or right).
    Signature

    {{ DiscussionBoard.errors[5249071].message }}
    • Profile picture of the author ronc0011
      Yeah, Istvan's right, I often rely too much on building stuff and then correcting issues afterwards. For instance I would've built that and run it and then done any tweeking or correcting that may have been needed.
      {{ DiscussionBoard.errors[5249115].message }}
      • Profile picture of the author Kevin Phillips
        Hi Guys

        I appreciate the conversation here but you are talking over my head here.

        Anyone have the html code to do the job?

        Either way much appreciated

        Kevin
        Signature

        Enjoy Golf!? then check out my website at kpgolfpro.com

        {{ DiscussionBoard.errors[5249730].message }}
        • Profile picture of the author Brandon Tanner
          Example...

          <p>Some text</p>

          <div class="optin" style="float: right; margin: 20px; ">

          <!-- Opt-in code goes here -->

          </div>

          <p>Some more text</p>

          That will put the opt-in form to the right of the text, with a 20 px margin around it. If you want it on the left, change the float property to 'left'.
          Signature

          {{ DiscussionBoard.errors[5249894].message }}
          • Profile picture of the author Kevin Phillips
            Hi Brandon

            Thanks for that

            All the best

            Kevin
            Signature

            Enjoy Golf!? then check out my website at kpgolfpro.com

            {{ DiscussionBoard.errors[5250004].message }}
            • Profile picture of the author Kevin Phillips
              Hi again

              That code you gave me Brandon was great. One thing .....

              There is a gap or padding above the optin form that i would love to get rid of.

              Any ideas?

              The link to my site to see the page concerned is;

              Winterfield Golf Club

              I think it would look cleaner if i could align the top of the form with the text to the right.

              Any ideas would be appreciated

              All the best

              Kevin
              Signature

              Enjoy Golf!? then check out my website at kpgolfpro.com

              {{ DiscussionBoard.errors[5251667].message }}
  • Profile picture of the author Istvan Horvath
    1. You have an empty paragraph there (containing the comment: Aweber form starts... no need for <p>...</p> around it. Delete the p tags!

    2. In the style given by Brandon the margin: 20px applies for ALL FOUR sides: top, right, bottom, left. If you want different margins on each side (I know I would...) then define each margin exactly in the order as I enlisted them above.
    e.g. margin: 0 20px 20px 0;
    Signature

    {{ DiscussionBoard.errors[5251868].message }}
    • Profile picture of the author Kevin Phillips
      Thanks Istvan

      Will get on that right away

      All the best

      Kevin
      Signature

      Enjoy Golf!? then check out my website at kpgolfpro.com

      {{ DiscussionBoard.errors[5251898].message }}

Trending Topics