Why is my Image Floating, Help!

2 replies
  • WEB DESIGN
  • |
I am trying to do a little customization to a theme in WordPress and I am having a little problem. It can be viewed here: The Handbook of the Navigator | The Ultimate Tool for your Awakening!

It is the image (video when clicked) in the top right hand corner, when I resized the screen it floats left, same problem on larger monitors. The code for the image is just placed in my header.php file in the body tag. Is there something I can do to lock it in place?

This is the code I am using:
<div style=" margin-left:842px; margin-top:50px; margin-bottom:-200px; float: none;"><a href="http://www.youtube.com/embed/BC2Ycx8A-2k?rel=0&amp;hd=1&amp;autoplay=1&amp;autohide=1" rel="shadowbox;width=760px;height=430px;" title="Handbook of The Navigator"><img style=" top:110px; left:550px;" src="http://www.navigatorhandbook.com/wp-content/uploads/2011/12/video-still.png" alt="" title="" /></a></div>

Thank you for your time!
#floating #image
  • Profile picture of the author drewhowell21
    Code:
    margin-left:842px;
    There's your culprit. The div is always going to be 842 pixels from the left side of the page.
    {{ DiscussionBoard.errors[5194929].message }}
    • Profile picture of the author jleavitt13
      What is the best way to place that div where I want it but still have it properly resize with the other content?
      {{ DiscussionBoard.errors[5194947].message }}

Trending Topics