Inline frames

RagnaroK · March 30th, 2003

Hi,
I'm working on a new website, and am just wondering if it is possible to make inline frames (the ones in Frontpage) transparent? Thanks.

-RaG

Kevin Ar18 · March 30th, 2003

Would setting a width and height of 0 or 1 do what you need?

Find your <iframe> tag

Then try the following:
<iframe style="visibility:hidden">
That should make it disappear. However the space that the iframe takes up will still be there.

Alternatively, if you want it to appear as though the iframe was never there, try this:
<iframe style="display:none">

RagnaroK · March 31st, 2003

Originally posted by Kevin Ar18
Would setting a width and height of 0 or 1 do what you need?

Find your <iframe> tag

Then try the following:
<iframe style="visibility:hidden">
That should make it disappear. However the space that the iframe takes up will still be there.

Alternatively, if you want it to appear as though the iframe was never there, try this:
<iframe style="display:none">

No, that's not what I wanted. You see, I want to make the iframe transparent so I can see the background picture behind it (like an alpha), and yet still allowing whatever is in the iframe to be seen (text, pictures, whatever). Is it possible to do what I want? Thanks for your suggestion though.

**SPeedY_B** · March 31st, 2003

I think what you'll need to do, it cut the image up and set the iframe background to a part of the image.

RagnaroK · March 31st, 2003

o.0
I didn't think of that. Thanks SPeedY_B. But isn't there any HTML coding or anything that can accomplish what I want? It's just SPeedY_B's method is a bit tedious. :huh:

**Zedric** · March 31st, 2003

Not with a (i)frame afaik. Maybe if you used a layer instead (<DIV>).

RagnaroK · March 31st, 2003

Ah well... thanks anyways. <DIV>?

**Zedric** · April 1st, 2003

Originally posted by Ragnarok
Ah well... thanks anyways. <DIV>?

Yeah <DIV> is the tag you use if you want to do layers. Netscape has an old <LAYER> tag too, but only Netscape support it afaik.

jonifen · April 1st, 2003

Originally posted by Ragnarok
Hi,
I'm working on a new website, and am just wondering if it is possible to make inline frames (the ones in Frontpage) transparent? Thanks.

-RaG

Code:

<iframe src="page.html" width="200" height="200" border="0" frameborder="0"></iframe>

u can change the width/height numbers to whatever (obviously

) but you need to cut the piece out of the image which would be where the iframe is.

Ive made a website which I made that demonstrates what you're after I think... http://www.ackclan.org.uk

I used adobe photoshop 7 and its image slice facility to cut the images up where I wanted them. I put the large bit where the iframe is as the background of the page thats loaded in, and it works ok i think

It really all depends on how you want the stuff displayed... if you want it to extend the page as more text is added, i think a layer would be best... but if you want to keep loads of text in a small space (so the user can scroll), i suppose an iframe is best.

RagnaroK · April 1st, 2003

All great solutions, but I think an example is what you need. What I want to do is shown on the picture attached. The text box with the text "Seneste nyt". I want to do something like that but with an inline frame or some sort of other frame so I can display a web page in it. Thanks again all.

zalood · April 1st, 2003

Use a style sheet or put STYLE tag in between the HEAD tag.

<style>
iframe{
allowtransparency: true;
background-color: transparent;
filter:alpha(opacity=60);
margin-left:50;
}
</style>
<body background=picture.jpg>

<iframe FRAMEBORDER="0" BORDER=0 width=448
height=272 src="anything.htm" name="frame">
</iframe>

Lighter · April 1st, 2003

Originally posted by zalood
Use a style sheet or put STYLE tag in between the HEAD tag.

<style>
iframe{
allowtransparency: true;
background-color: transparent;
filter:alpha(opacity=60);
margin-left:50;
}
</style>
<body background=picture.jpg>

<iframe FRAMEBORDER="0" BORDER=0 width=448
height=272 src="anything.htm" name="frame">
</iframe>

Elegant method, Zalood. Never thought of doing it that way, nor experimenting with the additional style parameters.

**Zedric** · April 1st, 2003

Originally posted by zalood
Use a style sheet or put STYLE tag in between the HEAD tag.

<style>
iframe{
allowtransparency: true;
background-color: transparent;
filter:alpha(opacity=60);
margin-left:50;
}
</style>
<body background=picture.jpg>

<iframe FRAMEBORDER="0" BORDER=0 width=448
height=272 src="anything.htm" name="frame">
</iframe>

Clever.

One thing though, wouldn't the alpha apply to the foreground as well as the background? Just a though.

RagnaroK · April 2nd, 2003

Originally posted by zalood
Use a style sheet or put STYLE tag in between the HEAD tag.

<style>
iframe{
allowtransparency: true;
background-color: transparent;
filter:alpha(opacity=60);
margin-left:50;
}
</style>
<body background=picture.jpg>

<iframe FRAMEBORDER="0" BORDER=0 width=448
height=272 src="anything.htm" name="frame">
</iframe>

o.0
I'll go try that now and I'll message back to tell you guys if it's working or not.

March 30th, 2003	Top \| #1
RagnaroK Must be dreaming... Joined: April 2002 Location: Australia Posts: 673 Reputation: 20 Power: 129	Inline frames Hi, I'm working on a new website, and am just wondering if it is possible to make inline frames (the ones in Frontpage) transparent? Thanks. -RaG :: Illusional Hope ::

March 31st, 2003	Top \| #3
RagnaroK Must be dreaming... Joined: April 2002 Location: Australia Posts: 673 Reputation: 20 Power: 129	Originally posted by Kevin Ar18 Would setting a width and height of 0 or 1 do what you need? Find your <iframe> tag Then try the following: <iframe style="visibility:hidden"> That should make it disappear. However the space that the iframe takes up will still be there. Alternatively, if you want it to appear as though the iframe was never there, try this: <iframe style="display:none"> No, that's not what I wanted. You see, I want to make the iframe transparent so I can see the background picture behind it (like an alpha), and yet still allowing whatever is in the iframe to be seen (text, pictures, whatever). Is it possible to do what I want? Thanks for your suggestion though. :: Illusional Hope ::

March 31st, 2003	Top \| #4
SPeedY_B I may actually be insane. Joined: March 2002 Location: Midlands, England Posts: 15,800 Reputation: 2877 Power: 310	I think what you'll need to do, it cut the image up and set the iframe background to a part of the image. 1. SPeedYB.co.uk 2. CamPortal.co.uk 3. MacIRC.co.uk

March 31st, 2003	Top \| #5
RagnaroK Must be dreaming... Joined: April 2002 Location: Australia Posts: 673 Reputation: 20 Power: 129	o.0 I didn't think of that. Thanks SPeedY_B. But isn't there any HTML coding or anything that can accomplish what I want? It's just SPeedY_B's method is a bit tedious. :huh: :: Illusional Hope ::

March 31st, 2003	Top \| #6
Zedric NTFS Guru Joined: January 2002 Location: Sweden Posts: 4,006 Reputation: 890 Power: 175	Not with a (i)frame afaik. Maybe if you used a layer instead (<DIV>). Did I help you? Please use the reputation system. Click the icon on the left! Proud host of the OSNN.net folding sigs. Want one? Check the folding thread! http://zedric.no-ip.com/

Latest News Posts

Latest Forum Posts

Latest Member Blogs

March 30th, 2003	Top \| #2
Kevin Ar18 OSNN Senior Addict Joined: February 2002 Posts: 300 Reputation: 0 Power: 129	Would setting a width and height of 0 or 1 do what you need? Find your <iframe> tag Then try the following: <iframe style="visibility:hidden"> That should make it disappear. However the space that the iframe takes up will still be there. Alternatively, if you want it to appear as though the iframe was never there, try this: <iframe style="display:none">

March 31st, 2003	Top \| #7
RagnaroK Must be dreaming... Joined: April 2002 Location: Australia Posts: 673 Reputation: 20 Power: 129	Ah well... thanks anyways. <DIV>? :: Illusional Hope ::

April 1st, 2003	Top \| #8
Zedric NTFS Guru Joined: January 2002 Location: Sweden Posts: 4,006 Reputation: 890 Power: 175	Originally posted by Ragnarok Ah well... thanks anyways. <DIV>? Yeah <DIV> is the tag you use if you want to do layers. Netscape has an old <LAYER> tag too, but only Netscape support it afaik. Did I help you? Please use the reputation system. Click the icon on the left! Proud host of the OSNN.net folding sigs. Want one? Check the folding thread! http://zedric.no-ip.com/

April 1st, 2003	Top \| #9
jonifen pffff... Joined: February 2003 Posts: 705 Reputation: 10 Power: 120	Re: Inline frames Originally posted by Ragnarok Hi, I'm working on a new website, and am just wondering if it is possible to make inline frames (the ones in Frontpage) transparent? Thanks. -RaG Code: <iframe src="page.html" width="200" height="200" border="0" frameborder="0"></iframe> u can change the width/height numbers to whatever (obviously ) but you need to cut the piece out of the image which would be where the iframe is. Ive made a website which I made that demonstrates what you're after I think... http://www.ackclan.org.uk I used adobe photoshop 7 and its image slice facility to cut the images up where I wanted them. I put the large bit where the iframe is as the background of the page thats loaded in, and it works ok i think It really all depends on how you want the stuff displayed... if you want it to extend the page as more text is added, i think a layer would be best... but if you want to keep loads of text in a small space (so the user can scroll), i suppose an iframe is best.

April 1st, 2003	Top \| #10
RagnaroK Must be dreaming... Joined: April 2002 Location: Australia Posts: 673 Reputation: 20 Power: 129	All great solutions, but I think an example is what you need. What I want to do is shown on the picture attached. The text box with the text "Seneste nyt". I want to do something like that but with an inline frame or some sort of other frame so I can display a web page in it. Thanks again all. :: Illusional Hope ::

April 1st, 2003	Top \| #11
zalood OSNN Addict Joined: September 2002 Posts: 177 Reputation: 0 Power: 119	Use a style sheet or put STYLE tag in between the HEAD tag. <style> iframe{ allowtransparency: true; background-color: transparent; filter:alpha(opacity=60); margin-left:50; } </style> <body background=picture.jpg> <iframe FRAMEBORDER="0" BORDER=0 width=448 height=272 src="anything.htm" name="frame"> </iframe>

April 1st, 2003	Top \| #12
Lighter . . . . . . . . . Joined: November 2002 Location: NYC Posts: 229 Reputation: 10 Power: 119	Originally posted by zalood Use a style sheet or put STYLE tag in between the HEAD tag. <style> iframe{ allowtransparency: true; background-color: transparent; filter:alpha(opacity=60); margin-left:50; } </style> <body background=picture.jpg> <iframe FRAMEBORDER="0" BORDER=0 width=448 height=272 src="anything.htm" name="frame"> </iframe> Elegant method, Zalood. Never thought of doing it that way, nor experimenting with the additional style parameters.

April 1st, 2003	Top \| #13
Zedric NTFS Guru Joined: January 2002 Location: Sweden Posts: 4,006 Reputation: 890 Power: 175	Originally posted by zalood Use a style sheet or put STYLE tag in between the HEAD tag. <style> iframe{ allowtransparency: true; background-color: transparent; filter:alpha(opacity=60); margin-left:50; } </style> <body background=picture.jpg> <iframe FRAMEBORDER="0" BORDER=0 width=448 height=272 src="anything.htm" name="frame"> </iframe> Clever. One thing though, wouldn't the alpha apply to the foreground as well as the background? Just a though. Did I help you? Please use the reputation system. Click the icon on the left! Proud host of the OSNN.net folding sigs. Want one? Check the folding thread! http://zedric.no-ip.com/

April 2nd, 2003	Top \| #14
RagnaroK Must be dreaming... Joined: April 2002 Location: Australia Posts: 673 Reputation: 20 Power: 129	Originally posted by zalood Use a style sheet or put STYLE tag in between the HEAD tag. <style> iframe{ allowtransparency: true; background-color: transparent; filter:alpha(opacity=60); margin-left:50; } </style> <body background=picture.jpg> <iframe FRAMEBORDER="0" BORDER=0 width=448 height=272 src="anything.htm" name="frame"> </iframe> o.0 I'll go try that now and I'll message back to tell you guys if it's working or not. :: Illusional Hope ::

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
safari 3 style inline search in firefox	Dark Atheist	Green Room	1	April 11th, 2008 3:27pm
Frames Per Second Prob	sux2bu	Graphics Cards	4	March 29th, 2005 4:55pm
kickme.to frames	DAZZ	General Hardware	12	February 17th, 2003 12:15am
Droppin Frames In Ma Gamez	sleepingsword	PC Gaming	3	January 28th, 2002 12:38pm