Plz Help! I need to move a video from left to right...

5 replies
  • WEB DESIGN
  • |
I have used a vendor's template for my lending page. the template contains embeded video on the top of the page beneth the header. the problem is that the video should appear on the right side of the text under the header but instead it appears on the left above the text. this is the html:

<div id="content"
style="background-color: rgb(255, 255, 255);">
<h1 style="color: rgb(0, 0, 153);">
<center><a
href="mylink"><big><span
style="color: red;">headline text</span> <span
style="color: red;">headline text</span> <span
style="color: red;">headline text</span></big></a>
</center>
</h1>
<div class="dual">&nbsp;</div>
<br />
<div align="left">
<ul>
<embed
style="width: 277px; height: 253px; margin-right: 60px; margin-bottom: 10px;"
id="VideoPlayback" type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=-754268490213738228&amp;hl=en"
flashvars="" align="right" height="253"
width="277"> <li><strong>

Can anyone tell me what is the problem???
thanx
#left #move #plz #video
  • Profile picture of the author mywebwork
    Hi Guy

    Try changing <div align="left"> to <div align="right"> and see if that helps.


    Bill
    {{ DiscussionBoard.errors[1751947].message }}
  • Profile picture of the author Guy Rozman
    hey Bill
    Thanx for the tip. I tried that and the video moved right but so did the text under it. I was then able to move the text back to the left but - it is under the video and not next to it -
    <div class="dual">&nbsp;</div>
    <br />
    <div align="right">
    <ul>
    <embed
    style="width: 277px; height: 253px; margin-right: 60px; margin-bottom: 10px;"
    id="VideoPlayback" type="application/x-shockwave-flash"
    src="http://video.google.com/googleplayer.swf?docId=-754268490213738228&amp;hl=en"
    flashvars="" align="right" height="253"
    width="277">
    <div align="left"> <li><strong><a
    href="mylink">textheadline</a></strong></li>
    <li>text</li>
    <li><strong>text</strong></li>
    <li>text</li>
    <li><strong>text</strong></li>
    <li>text</li>
    <li><strong>text</strong></li>

    what should I do next??
    {{ DiscussionBoard.errors[1752043].message }}
  • Profile picture of the author mywebwork
    Hi Guy

    OK, you didn't originally post the rest of the code - that DIV is actually defining a whole section, not just the video.

    Change it back to how you started (i.e. <div align="left">) and then create a new division (i.e. <div> </div> ) around the video. Apply positioning just to that division, if you're not familiar with CSS positioning this could help you:

    CSS Positioning

    Also try moving the <ul> tag to below the new closing division tag (i.e. below the </div> tag) , in your current code you have the video within the unordered list.

    If you do get it aligned make sure you test it on all 5 major browsers to be certain that it works in all of them.

    If you're still stumped post again and I'll PM you some contact information.

    Bill
    {{ DiscussionBoard.errors[1752089].message }}
  • Profile picture of the author Guy Rozman
    Thanx Bill
    I will try it now
    {{ DiscussionBoard.errors[1752273].message }}
  • Profile picture of the author Guy Rozman
    Well, didn't really got the css positioning + I am using kompozer can I use it to edit css?
    {{ DiscussionBoard.errors[1752317].message }}

Trending Topics