PDA

View Full Version : Iframe Background Code



additional
04-07-2006, 12:08 PM
Can somebody please tell me the HTML code for a iframe which doesn't have a whitebackground. Like if there was a image where the iframe was gonna go.. How would I keep that?

Thanks + rep.

nelly
04-07-2006, 12:18 PM
<iframe src="/url here.htm" frameborder="0" width="130" scrolling="yes" height="172"></iframe>


Then just add bgcolor="here"

additional
04-07-2006, 12:19 PM
<iframe src="/url here.htm" frameborder="0" width="130" scrolling="yes" height="172"></iframe>


Then just add bgcolor="here"

and where would I add it? I want the image as the background.

Colin-Roberts
04-07-2006, 12:24 PM
make the iframe trasnperent and them put iframe over the image

additional
04-07-2006, 12:24 PM
and how would I do that, kind sir.

Hitman
04-07-2006, 12:36 PM
No need. Insert the iframe where you want it to go, and on the page you want to show it on, edit the page and put the bg on that page.

Oracle:
04-07-2006, 12:37 PM
Have the iframe named as say iframe1.html and then in the Iframe page which is iframe1.html add in the head section.


<style type="text/css">
<!--

body {
background-image: url();
}

Or

body {
background-color: #fff;
}
--!>
</style>

nelly
04-07-2006, 12:45 PM
Are you follwing me :P every forum i'm on your their :P
Have the iframe named as say iframe1.html and then in the Iframe page which is iframe1.html add in the head section.


<style type="text/css">
<!--

body {
background-image: url();
}

Or

body {
background-color: #fff;
}
--!>
</style>

Hitman
04-07-2006, 12:50 PM
Have the iframe named as say iframe1.html and then in the Iframe page which is iframe1.html add in the head section.


<style type="text/css">
<!--

body {
background-image: url();
}

Or

body {
background-color: #fff;
}
--!>
</style>

aka what I said.

Colin-Roberts
04-07-2006, 12:55 PM
one problem with yours kapt is the background would scroll i think he wants so the backgroudn stays the same and just the text srolls.

Hitman
04-07-2006, 01:11 PM
Hmm... possibly, the code is there anyway, so put that into the page.

Oracle:
04-07-2006, 01:16 PM
Are you follwing me :P every forum i'm on your their :P

I don't understand, I have never actually seen you before.


aka what I said.

If you will notice the times, I wrote mine as you wrote yours but mine was longer and I included valid CSS code which is better than using BG body colour.

additional
05-07-2006, 08:35 AM
If I scroll, won't the image move? Like yeah...

nets
05-07-2006, 09:51 AM
You can use CSS to stop the image moving.

<style type="text/CSS">
<!--
body{
background-image: url('image.png');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:top-left;
}
-->
</style>

additional
05-07-2006, 12:17 PM
You can use CSS to stop the image moving.

<style type="text/CSS">
<!--
body{
background-image: url('image.png');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:top-left;
}
-->
</style>

Thanks.

Want to hide these adverts? Register an account for free!