PDA

View Full Version : Layout Coding ?

Stephaniie
04-15-2004, 01:11 AM
I need a good layout coding tutorial ! I can never seem to make a layout + code it properly.. here is the code I ended up with from my last tutorial:
<html><head><title>tainted pink</title></head>
<frameset cols="600" border="0">
<frame src="border.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frameset rows="67,280,52" border="0">
<frame src="border.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="top.png" noresize scrolling="no" marginheight="0" marginwidth="0">
<frameset cols="269,278,53" border="0">
<frame src="left.png" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="main.html" noresize name="mainframe" marginheight="4" marginwidth="4">
<frame src="right.png" noresize scrolling="no" marginheight="0" marginwidth="0">
</frameset>
<frame src="bottom.png" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="border.html" noresize scrolling="no" marginheight="0" marginwidth="0">
</frameset>
<frame src="border.html" noresize scrolling="no" marginheight="0" marginwidth="0">
</frameset>
<body>
<noframes>this website requires that frames are enabled</noframes>
</body>
</html>
* end of code *

Can anyone tell me what went wrong? And better yet.. tell me where I can get a fool proof tutorial ? : ) Thanks, Steph
lovely
04-15-2004, 07:28 AM
You can only have one frameset command per page. If you want to divide it up more than that you'll have to cascade a bit. Sorry if that's confusing, I can't think of a better way of putting it. The code would look like this:

Here's for what we'll call index.html:

<html><head><title>hello world</title></head>
<frameset rows="30,40,30" border="0">
<frame src="1.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="2.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="3.html" noresize scrolling="no" marginheight="0" marginwidth="0">
</frameset>
<body>
<noframes>this website requires that frames are enabled</noframes>
</body>
</html>

And then on 1.html:
<html><head></head>
<frameset cols="20,80" border="0">
<frame src="a.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="b.html" noresize scrolling="no" marginheight="0" marginwidth="0">
</frameset>
</html>

Try that and see if it makes more sense. As to a fool proof tutorial, I don't know that there are any, but this one (LEIA) and htmlgoodies.com are both wonderful. Good luck!
Stephaniie
04-16-2004, 01:16 AM
Thank you soo much ! :)