View Full Version : Layout confusion and frustration.

08-12-2011, 11:58 PM
After a few days of not being able to explain how I want the layout of my website to be, I finally found an example of it at http://www.dolliecrave.com/framecodes.shtml

But as I am very new to html I now face a new problem. What coding do I now need to add so that I can put in my own content. For example, a logo in the header, background colours and text in the other areas?

The code is as follows:

<frameset rows=40,60>
<frame src=top.html name=top scrolling=no
marginwidth=0 marginheight=0 noresize=yes>
<frameset cols=130,*,130 border=0>
<frame src=left.html name=right scrolling=auto
marginwidth=0 marginheight=0 noresize=yes>
<frame src=main.html name=main scrolling=auto
marginwidth=0 marginheight=0 noresize=yes>
<frame src=right.html name=right scrolling=auto
marginwidth=0 marginheight=0 noresize=yes>
Thank you DollieCrave for the frame code.

I also want to change the dimensions of each column and make the header one single area.

Do I need to somehow label each column/header and then separately input my html?

I realise this is probably all very vague but I wondered if anyone could help me with the basic html needed or anything that will get me started.
It would be very much appreciated.

08-13-2011, 12:13 AM
why use a frame? Only time I ever used a frame was for a chat ui

don't just listen to some blog or some tutorial and assume its correct

<div id="header">

<div class="content">
<div class="left-column" style="float: left; width: 40%;">

<div class="right-column" style="float: right; width: 60%;">

<div id="footer">


08-15-2011, 02:11 PM
As Sammy12 says - why use frames ?? If you don't want your site to work well in the search engines, and be a complete mess, then use frames. Otherwise, use the layout that Sammy provided ! It will do the same thing you are looking for.

08-15-2011, 05:54 PM
The example site you gave is basically a three column layout with a header and footer. Google three column layout and you will find many tutorials on coding them.