5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Wordpress HTML Form on Sameline as Embedded Video HELP!

by feelo24
4 replies
  • WEB DESIGN
    • |
Need Help Please:

I have two HTML codes that I need to show on the same line. One on the left and one on the right. I am using Wordpress and for the life of me I cannot get it to work. I am able to get the Flash movie to reside on the left but the sigh-up form which I need on the right goes to the second line and centers. Any help that any of you can give me would be much appreciate it.

See site for problem: theweightlosssolutionprogram.com

Thanks,

FG
#embedded #form #html #sameline #video #wordpress
  • Profile picture of the author Tomos Wyn
    You need to use CSS, and float your video to the left and the form to the right.

    Maybe do something like:

    HTML Code:
    <div id="video">

<!-- all video HTML goes here -->

</div>


<div id="form">

<!-- all form HTML goes here -->

</div>
    and then in your CSS file do something along the lines of:

    Code:
    #video { float:left; width:400px; }

#form  { float:right; width:400px; }
    {{ DiscussionBoard.errors[2354573].message }}
    • Profile picture of the author feelo24
      Tomos...thank you so much that worked.

      Now I have to figure out how to get the arrow up.

      Wish things were a bit easier but I am a noob at coding. I appreciate your help.
      {{ DiscussionBoard.errors[2354763].message }}
      • Profile picture of the author Tomos Wyn
        Your welcome.

        I presume your talking about the arrow at the bottom (with get free access) written on it? If so, you can move it about using negative margins and floats in your CSS, like so:

        Code:
        #image {
	float: left;
	padding: 0;
	margin: -90px 0 0 -40px;
	}
        {{ DiscussionBoard.errors[2354792].message }}
  • Profile picture of the author feelo24
    Thanks Tomos I appreciate your help.
    {{ DiscussionBoard.errors[2354852].message }}

Trending Topics