...

View Full Version : iframe Margins/Padding



LRRoberts0122
07-02-2011, 12:15 AM
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:


<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>

DanInMa
07-02-2011, 01:00 AM
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.

LRRoberts0122
07-02-2011, 03:31 AM
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:



<!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:


<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=00A DEF&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=00A DEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum