Sweet Obsession - The

Step 9 - Add an IFrame layout.

There are a few different layouts you could use instead of an iframe layout but I'm just going to teach you how to do an iframe layout because Iframes are easiest and quite common.
An Iframe layout is where you have a picture and on top of it you can see different pages it sounds weird but it looks good, if you do it right.
First of all you need to draw a layout in paint or paint shop pro or whatever you use. It doesn't need to be really good just draw a few boxes where you want your pages to be. Now we'll go on to code it,
copy and paste this code<div style="position:absolute; top:110; left:66"> <iframe src="URL" name="NAME" width="155" height="439" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" allowtransparency=true> </IFRAME></div> Change the position of the Iframe by changing the bit where it says top and left, the higher the number in top the nearer the bottom it is and the higher the number in left the further right it is. You might need to fiddle around a bit to get then in the right place, if it helps its measured in pixels so you could measure it out on whatever you used to draw it.
Where it says URL put in the url you want to see in that iframe(eg. main.html). Where it says NAME put a name for that iframe make sure each iframe you use has a different name, you'll see why later.
Also you need to change the width and height by fiddling around with those numbers and you can leave the rest as it is unless you dont want a scroll bar to appear in that iframe then you can change scrolling="auto" to scrolling="no"

Linking is imporant because most people put there page list in one iframe and want there pages to appear in another this is how to do that; <a href="URL" target="NAME">TEXT HERE</a> change the url and where it says NAME put the name of the iframe you want that page to open up in.