Overlaying frames and graphics..?

They have: 2 posts

Joined: Jan 2005

Sorry if this has been asked before, I didn't see if it had.

I'm attempting to build a page with three frames similar to a design shown at http://freesitetemplates.com/templates/samples/458/. However, I'd like to use a graphic that will cascade between the top and left frame.

I've come across pages similar to this in the past, just didn't pay much attention to them. Naturally, I can't find any like this now that I actually need an example to model my page after.

Has anyone done this before? Can anyone point me to an example?

Thanks. Confused

Busy's picture

He has: 6,151 posts

Joined: May 2001

Not a good idea to use frames now days for several reasons but you're not here to hear that right Wink

this framed page would be the same as the other you mentioned, the top and left are fixed width so just title an image in each framesets body tag and you'll have to set padding and margin to 0 with CSS (or html as crude way) as different browsers have different margains and padding values.

To get the code in a framed site, use 'view/page source' for the main layout source and right click in each frameset and choose view source (or 'this frame/view source' if using mozilla etc), remember if you use 3 frames you need 4 pages, 2 frames you need 3 pages ...

Welcome to TWF btw

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

Well, a shorter answer is, you can't use one image to cascade between frames, it's just not possible, however, you can make 1 image, into 2 images with little to no difficulty, just get the widths, and height, and crop as needed.

They have: 2 posts

Joined: Jan 2005

Thanks and crap.

I was hoping there was an easier way to do it. Kind of along the lines of using a .CSS for the background with maybe an IFRAME.

I'd kicked around/toyed with hacking the image up in PhotoShop or Gimp, just kind of hard to align correctly and sew back together. *Sigh*

I found something a *little* closer to what I'm looking for in this layout: http://www.moongraphics.org/Layouts%20Linkware/stars_main.html

Although this is a little too over the top. I'd basically need to hack off the entire right-side of the page.

I've told the wife the she's got to watch the kids (4yr old and 13 month old) this weekend so I can get this hammered out. When (if?!?) I get it hammered out, I'll share.

If anyone else cares to take a whack, feel free to chime in. Right-clicks are disabled at the link above, but you can still view source and use work offline to see how its coded.

I'm not advocating code theft, nor am i stealing source code here, just learning by example. Laughing out loud

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

Oh, you want to just have a transparent IFRAME? SURE!

<iframe ALLOWTRANSPARENCY="TRUE" src="" name=""><iframe>
'
http://www.webreference.com/js/tips/010209e.html

just don't set a background (or set a transparent one) for the inner frame, and you can use layers or just make the image a background.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.