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...
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!
Powered by vBulletin® Version 4.2.5 Copyright © 2024 vBulletin Solutions Inc. All rights reserved.