Need some real quick HTML code help...

3 replies
I have pasted the html code below for an optin form i am working on. I don't know anythng about html and have been looking around for awhile today but cant find an answer. What i am trying to do is have the picture on the left and right beside it on the right have the optin form. Currently the optin form is below it, but I keep editing it and nothing is working right. Can you help me?

here is the code:

<div id="post_message_3523572">
<div style="text-align: center;"><span style="font-size: x-large;"><strong><span style="color: red;">How Do Top Professional Dog Trainers Raise Their Own Dogs?</span></strong></span></div>
</div>
<div id="post_message_3523572" style="text-align: center;"><br /> <span style="font-size: medium;"><strong><em>The Dog Training Master Class series is the surprising and simple system based on <span style="text-decoration: underline;">understanding</span> instead of discipline will give you the happiest, healthiest, best-behaved pooch in your neighborhood...and your dog will <span style="text-decoration: underline;">love</span> you for it. Sign-up below and Get one of our Bonus Reports from the Dog Training Master Class series absolutely Free!</em></strong></span></div>
<div style="text-align: center;"><span style="font-size: medium;"><strong><em><br /></em></strong></span></div>
<script src="http://forms.aweber.com/form/00/1503835400.js" type="text/javascript"></script>
<p><strong><em><img title="Potty Training Guide" src="ftp://xxxxxx@xxx.xxx.xxx.xxx/www/Jack-Russell-Terrier-Puppies.com/wp-admin/images/7b-xsmall-18.png" alt="Get the Potty Training Guide" width="263" height="341" /></em></strong></p>
#code #html #quick #real
  • Profile picture of the author carleisenstein
    Won't this just do it for you?

    <img title="Potty Training Guide" src="[blahh - I can't post links]" alt="Get the Potty Training Guide" width="263" height="341" align=left /><div id="post_message_3523572">
    <div style="text-align: center;"><span style="font-size: x-large;"><strong><span style="color: red;">How Do Top Professional Dog Trainers Raise Their Own Dogs?</span></strong></span></div>
    </div>
    <div id="post_message_3523572" style="text-align: center;"><br /> <span style="font-size: medium;"><strong><em>The Dog Training Master Class series is the surprising and simple system based on <span style="text-decoration: underline;">understanding</span> instead of discipline will give you the happiest, healthiest, best-behaved pooch in your neighborhood...and your dog will <span style="text-decoration: underline;">love</span> you for it. Sign-up below and Get one of our Bonus Reports from the Dog Training Master Class series absolutely Free!</em></strong></span></div>
    <div style="text-align: center;"><span style="font-size: medium;"><strong><em><br /></em></strong></span></div>
    <script src="[blahh - I can't post links]" type="text/javascript"></script>
    Just move the IMG tag to the top, add align=left, remove the unnecessary P, STRONG and EM tags...

    HTML is very easy to learn - you'd get much further in your internet marketing by studying it a little. W3Schools have some good tutorials...
    {{ DiscussionBoard.errors[3523999].message }}
  • Profile picture of the author ScottByers
    You can place divs "next to" each other with css.

    Use Google to look up how to float elements.
    {{ DiscussionBoard.errors[3524010].message }}
  • Profile picture of the author AnthonyThomson
    Hi Adam,

    My quick solution would be to put the image and opt-in form inside cells in a 1x2 table:
    Code:
    <div id="post_message_3523572">
    <div style="text-align: center;"><span style="font-size: x-large;"><strong><span style="color: red;">How Do Top Professional Dog Trainers Raise Their Own Dogs?</span></strong></span></div>
    </div>
    <div id="post_message_3523572" style="text-align: center;"><br /> <span style="font-size: medium;"><strong><em>The Dog Training Master Class series is the surprising and simple system based on <span style="text-decoration: underline;">understanding</span> instead of discipline will give you the happiest, healthiest, best-behaved pooch in your neighborhood...and your dog will <span style="text-decoration: underline;">love</span> you for it. Sign-up below and Get one of our Bonus Reports from the Dog Training Master Class series absolutely Free!</em></strong></span></div>
    <div style="text-align: center;"><span style="font-size: medium;"><strong><em><br /></em></strong></span></div>
    <table>
    <tr><td><p><strong><em><img title="Potty Training Guide" src="http://Jack-Russell-Terrier-Puppies.com/wp-admin/images/7b-xsmall-18.png" alt="Get the Potty Training Guide" width="263" height="341" /></em></strong></p>
    <td>
    <script src="http://forms.aweber.com/form/00/1503835400.js" type="text/javascript"></script>
    </table>
    I've also switched the order so that the image comes before the opt-in box.

    Let me know how that looks.

    Kind regards,

    Anthony.
    {{ DiscussionBoard.errors[3524014].message }}

Trending Topics