Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    20
    Thanks
    3
    Thanked 0 Times in 0 Posts

    iframe Margins/Padding

    http://www.colossal3d.net/omnipotenceparadox/home.php

    I'm trying to position this placeholder video in the "Guild Recruitment Video" box, however marginwidth and marginheight don't seem to be working. Is there any other way I can place this video in the frame wrapper?

    Thank you

    Iframe wrapper code:
    Code:
    <iframe src="http://player.vimeo.com/video/20296114?title=0&amp;byline=0&amp;portrait=0&amp;color=151515&amp;autoplay=1" width="600" height="338" frameborder="0" marginwidth="600px" marginheight="500px"></iframe>

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    you're going about it all wrong. i see your currently using a flash object to play the movie. this is fine.

    1. you need to make the image your using for the background much smaller, ie: cut off all the blank space at the top.

    2. next remove the color from the inside of the box on the image you are using and make it transparent.

    3. dont apply the image as the background to the body element. apply it as the BG to a div and layer than div on top of the flash object.

    4. use position:aboslute settings on the flash object to set it so it shows inside of the box you want it to show in.
    and get rid of all those br elemetnts as well. they arent doing you much good.

  • Users who have thanked DanInMa for this post:

    LRRoberts0122 (07-02-2011)

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    20
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DanInMa View Post
    you're going about it all wrong. i see your currently using a flash object to play the movie. this is fine.

    1. you need to make the image your using for the background much smaller, ie: cut off all the blank space at the top.

    2. next remove the color from the inside of the box on the image you are using and make it transparent.

    3. dont apply the image as the background to the body element. apply it as the BG to a div and layer than div on top of the flash object.

    4. use position:aboslute settings on the flash object to set it so it shows inside of the box you want it to show in.
    and get rid of all those br elemetnts as well. they arent doing you much good.
    Okay, I've done steps one and two, and part of step three. I don't know how to put the flash underneath my DIV code. Here's my revamped code so far:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Omnipotence Paradox: Home</title>
    <style type="text/css">
    body {
    	background-color: #151515;
    }
    </style>
    </head>
    
    <body>
    
    <center>
    <div style="background-image: url(test.png); height: 900px; width: 1100px;"></div>
    </center>
    </body>
    </html>
    Here is the embedded movie code:
    Code:
    <object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=20296114&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=20296114&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •