Background Image Help Pls

proudcdn · 06-05-2005, 11:33 AM

Hello All,

I have a main web page (index.htm) with an inline frame (iframe).

When you click on the menu (index.htm) it loads all subsequent pages within the iframe.

Ok so I want the background image from the main page (index.htm) to show through whatever is loaded in the iframe.

I have tried creating the other pages with no background but it defaults to white.

I have tried making the background for the other pages a 10px by 10px blank gif or png that tiles. It defaults to white.

Is there some way to make a transparent background?

OR

Is there a way to have the index.htm background be persistant?

Thank you in advance for the words of wisdom

Rowan W · 06-05-2005, 05:14 PM

Well obviously a frame can't have a transparent background. If the iFrame is in a fixed/absolute position then you should be able to cut the background image up and put half of the image on the main page and half in the iFrame.

Otherwise, if it's possible you could remove the frame and use PHP/ASP include or use a scrolling div.

skrilla · 06-05-2005, 05:19 PM

i agree, use a div and php include.

proudcdn · 06-05-2005, 05:38 PM

I am new to PHP

How exactly would I do this?

Rowan W · 06-05-2005, 06:16 PM

As long as your host supports either PHP or ASP then you can do one of these.

http://www.tizag.com/phpT/include.php
http://www.w3schools.com/asp/asp_incfiles.asp

WiredEyes · 06-06-2005, 01:19 AM

Actualy in IE5.5+ and NS6+ Iframes can be transparent.

First code your page that will be the Iframe being sourced, (SRC="<fileName.html>), put the style code below in between the head tags like so:

<style type="text/css">
body {background-color: transparent}
</style>

Then on the page where you call the iframe add the below code:

<IFRAME NAME="Something" SRC="fileName.html" allowtransparency="true" background-color="transparent" >
</IFRAME>

Rowan W · 06-06-2005, 02:46 AM

Originally Posted by WiredEyes

Actualy in IE5.5+ and NS6+ Iframes can be transparent.

How many people use those browsers?

WiredEyes · 06-06-2005, 03:53 AM

umm about 95% probably, (it also probably includes Mozilla as well although someone might want to test it)

Anyway the point is that it CAN be done so you should maybe check your facts first before posting false info.

Rowan W · 06-06-2005, 05:48 AM

Originally Posted by WiredEyes

umm about 95% probably, (it also probably includes Mozilla as well although someone might want to test it)
????: NamePros.com http://www.namepros.com/web-design-discussion/95904-background-image-help-pls.html

Anyway the point is that it CAN be done so you should maybe check your facts first before posting false info.

Oh right, didn't notice the +'s.

Anyway, I haven't heard of it before.

Edit: Seems to work in Firefox.

proudcdn · 06-06-2005, 08:25 AM

I appreciate all the help.

I suppose I should have worded my original question;

"Can this be done ..." and "Is this the best way of achieving my goal"

06-05-2005, 11:33 AM	THREAD STARTER #1 (permalink)
proudcdn NamePros Member Join Date: Jun 2005 Location: Vancouver, Canada Posts: 44	Background Image Help Pls Hello All, I have a main web page (index.htm) with an inline frame (iframe). When you click on the menu (index.htm) it loads all subsequent pages within the iframe. Ok so I want the background image from the main page (index.htm) to show through whatever is loaded in the iframe. I have tried creating the other pages with no background but it defaults to white. I have tried making the background for the other pages a 10px by 10px blank gif or png that tiles. It defaults to white. Is there some way to make a transparent background? OR Is there a way to have the index.htm background be persistant? Thank you in advance for the words of wisdom

06-05-2005, 05:14 PM	#2 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	Well obviously a frame can't have a transparent background. If the iFrame is in a fixed/absolute position then you should be able to cut the background image up and put half of the image on the main page and half in the iFrame. Otherwise, if it's possible you could remove the frame and use PHP/ASP include or use a scrolling div. __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

06-05-2005, 05:19 PM	#3 (permalink)
skrilla Senior Member Join Date: Mar 2005 Location: canada Posts: 1,045	i agree, use a div and php include. __________________ Add Me to G+

06-05-2005, 06:16 PM	#5 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	As long as your host supports either PHP or ASP then you can do one of these. http://www.tizag.com/phpT/include.php http://www.w3schools.com/asp/asp_incfiles.asp __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

06-06-2005, 01:19 AM	#6 (permalink)
WiredEyes NamePros Member Join Date: Jun 2005 Location: Cagliari, Italy Posts: 29	Actualy in IE5.5+ and NS6+ Iframes can be transparent. First code your page that will be the Iframe being sourced, (SRC="<fileName.html>), put the style code below in between the head tags like so: <style type="text/css"> body {background-color: transparent} </style> Then on the page where you call the iframe add the below code: <IFRAME NAME="Something" SRC="fileName.html" allowtransparency="true" background-color="transparent" > </IFRAME> __________________ WiredEyes --- WebClickGo - The Best Online Website Builder on the planet. ServWise hosting - faster, smarter, better, cheaper

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

06-05-2005, 05:38 PM	THREAD STARTER #4 (permalink)
proudcdn NamePros Member Join Date: Jun 2005 Location: Vancouver, Canada Posts: 44	I am new to PHP How exactly would I do this?

06-06-2005, 03:53 AM	#8 (permalink)
WiredEyes NamePros Member Join Date: Jun 2005 Location: Cagliari, Italy Posts: 29	umm about 95% probably, (it also probably includes Mozilla as well although someone might want to test it) Anyway the point is that it CAN be done so you should maybe check your facts first before posting false info. __________________ WiredEyes --- WebClickGo - The Best Online Website Builder on the planet. ServWise hosting - faster, smarter, better, cheaper

06-06-2005, 08:25 AM	THREAD STARTER #10 (permalink)
proudcdn NamePros Member Join Date: Jun 2005 Location: Vancouver, Canada Posts: 44	I appreciate all the help. I suppose I should have worded my original question; "Can this be done ..." and "Is this the best way of achieving my goal"

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Tables And Background Image Help?!?	LeetPCUser	Web Design Discussion	22	06-10-2005 03:27 PM
In dreamweaver, how do you make your Css Style have an image background	John_Smith198	Web Design Discussion	3	06-05-2005 05:04 AM
Changing the background of an image	mtomich	Graphic Design / Flash	4	04-06-2005 05:50 PM
Problems with hover background image in IE 6	Master_Kale	Programming	0	07-28-2004 02:40 PM
background image trouble!!!	virgile00	Web Design Discussion	2	11-08-2003 02:16 PM