ok.. im on the process of making my 3rd layout.. i need help.. so go to this site: http://www.angelfire.com/hi5/nikzabar/layout.html here.. see the big lightened part in the image.. that's where i wanna put the iframe.. so that if ever im gonna click for me links.. it will show there.. nwei, if im gonna have my iframe.. how? and how about the lightened part.. it will be covered? get it...

Originally posted by aar14_nick
ok.. im on the process of making my 3rd layout.. i need help.. so go to this site: http://www.angelfire.com/hi5/nikzabar/layout.html here.. see the big lightened part in the image.. that's where i wanna put the iframe.. so that if ever im gonna click for me links.. it will show there.. nwei, if im gonna have my iframe.. how? and how about the lightened part.. it will be covered? get it...

The first thing I would suggest is cutting out your lighted part of the image (the big one) and setting it as a background for your iframe. That way, you can see the background through the iframe without using the code that makes everything transparent. Then, on the main page (the one with the whole entire layout, including the iframes), make the rest of the image the background.


<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(mainback.jpg);
background-position: 105 40;
background-repeat: no-repeat;
background-attachment: no;}
-->
</style>

Just change the name of the image and play with those numbers *points* to move the background where you want it.

As for the iframe, use:

<IFRAME NAME="mainsite" SRC="mainsite.html" width="517" height="90" frameborder="0" scrolling="yes" style="position:absolute; left:130; top:360;"></iframe>

Of course, change your page name. Next, make the iframe the same size (or a little bit bigger; it depends on what you're going for) as your image you cut (the transparent one). Then, play with the numbers (*points to left:130; top:360*) to move the iframe where you want it. Don't forget to set the background for that iframe with the cut image.