TRANSPARENT iframe!

Lauranne · 08-29-2006

I got a [hudge] problem...
I was wondering how to make a transparent iFRAME!
I search some tut's and made the next page to try it out!

http://www.freewebs.com/forbiddencodes/

Ok... It was not transparent!
So i try another code... even wrong!

I was thinking, maybe i should make the page in the iFRAME with a transparent background but it don't work! WHAT NOW?

CODE

<HTML><HEAD>

<body bgcolor="transparent">

<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY><IMG height=477 src="http://img174.imageshack.us/img174/3904/layout4ii0.png" width=540 border=0>
<DIV style="Z-INDEX: 2; LEFT: 232px; WIDTH: 351px; POSITION: absolute; TOP: 83px; HEIGHT: 357px">

<iframe name="FRAMENAME" src="http://www.freewebs.com/forbiddencodes/Main.htm" width="290" height="349" style="border: 0 solid #0415FB" scrolling="yes" allowautotransparency=true></iframe>

</DIV>
<DIV style="Z-INDEX: 2; LEFT: 35px; WIDTH: 138px; POSITION: absolute; TOP: 75px; HEIGHT: 365px">Je vak!</DIV><script type="text/javascript" src="/i.js"></script></BODY></HTML>

I know, i work sometimes with DIV..

PS: Its for the right colom where stands in Dit is de main pagina

Dit is de main pagina

PLEASE HELP ME OUT!

metsatöll · 08-30-2006

1- dont open body tag before closing head,
2- dont write meta tag after opening body
3- dont open second body while you already have opened once
4- dont upload your background images in any other hosting service

you have a lot of mistakes, you should study html and css little bit before starting to make a website for yourself, but still so good work for a person who is 12 years old

here is the right code, use below one

Code:

<HTML><HEAD>
<style>
body {
   background: url(http://img174.imageshack.us/img174/3904/layout4ii0.png) top left no-repeat;
   margin: 0;
   padding: 0;
}

#header {
   position: relative;
   left:240px;
   top:100px; 
   height: 340px;
   width: 260px;
   text-align: left;
   padding: 5px;
   overflow: scroll;
   color: #fff;
   font: 0.75em verdana;
}
</style>

</HEAD>
<BODY>

<div id="header">
	this is a text message


</div>


</BODY></HTML>

ecntrc · 08-31-2006

I know he gave you CSS code but you forgot to put the " 's for your allowtransparency tag. I tried looking on my site because my iframe is transparent but I think I did a slice tut and that took out the background color.. but I cant see a transparency code on my personal site, but maybe you want to use mesatoll's code.. CSS is alot better code to use.. makes things easier.. and dont worry I was once a beginner... good luck

Lauranne · 08-31-2006

Quote:

Originally Posted by metsatöll

1- dont open body tag before closing head,
2- dont write meta tag after opening body
3- dont open second body while you already have opened once
4- dont upload your background images in any other hosting service

you have a lot of mistakes, you should study html and css little bit before starting to make a website for yourself, but still so good work for a person who is 12 years old

here is the right code, use below one

Code:

<HTML><HEAD>
<style>
body {
   background: url(http://img174.imageshack.us/img174/3904/layout4ii0.png) top left no-repeat;
   margin: 0;
   padding: 0;
}

#header {
   position: relative;
   left:240px;
   top:100px; 
   height: 340px;
   width: 260px;
   text-align: left;
   padding: 5px;
   overflow: scroll;
   color: #fff;
   font: 0.75em verdana;
}
</style>

</HEAD>
<BODY>

<div id="header">
	this is a text message


</div>


</BODY></HTML>

Sorry for the "wrong code" but it was quick....
And, you gave me not a frame code but a div table...
or something... I'm searching for anotther code but
thanx for the tips!

Lauranne · 08-31-2006

Quote:

Originally Posted by ecntrc

I know he gave you CSS code but you forgot to put the " 's for your allowtransparency tag. I tried looking on my site because my iframe is transparent but I think I did a slice tut and that took out the background color.. but I cant see a transparency code on my personal site, but maybe you want to use mesatoll's code.. CSS is alot better code to use.. makes things easier.. and dont worry I was once a beginner... good luck

kk... but what should this code going to be, or what is the transparent iFRAME code, i really will work with it!

metsatöll · 09-01-2006

Quote:

Originally Posted by Lauranne

Sorry for the "wrong code" but it was quick....
And, you gave me not a frame code but a div table...
or something... I'm searching for anotther code but
thanx for the tips!

I think there is not any difference between css div frame and iframe by visual way, but a lot difference by coding.

1. to code by css always much better since it is always on the topper list of search engines
2. iframe is not accessible and it is strongly not recomended to use by w3c(web standarts consortium)

Lauranne · 09-01-2006

Quote:

Originally Posted by metsatöll

I think there is not any difference between css div frame and iframe by visual way, but a lot difference by coding.

1. to code by css always much better since it is always on the topper list of search engines
2. iframe is not accessible and it is strongly not recomended to use by w3c(web standarts consortium)

Yes, but the problem is...
I need to have a link, and when i click on in, it has
to be in the frame! You can't do that in DIV!
Only if you make "links in the scroll"

metsatöll · 09-01-2006

Quote:

Originally Posted by Lauranne

Yes, but the problem is...
I need to have a link, and when i click on in, it has
to be in the frame! You can't do that in DIV!
Only if you make "links in the scroll"

then all situation changes

do you want that some pictures will be appear in iframe or some text only?
and how many links you ll have

metsatöll · 09-03-2006

Sorry

I dont know why, but I always thought that I had also posted answer of your (transparant iframe) question. But just now I saw that I havent'

Here is the answer of your question

Code:

<IFRAME NAME="Frame1" SRC="frame.htm" ALLOWTRANSPARENCY="true">

and in body tag of frame1.htm file (which file would be included)

Code:

<BODY  STYLE="background-color:transparent">