Layout confusion and frustration.

Rowenna

08-12-2011, 10: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:

<HTML>
<HEAD><TITLE>My Frame Page</TITLE></HEAD>
<HEAD></HEAD>
<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>
</frameset>
<noframes>
Thank you DollieCrave for the frame code.
</noframes>
</HTML>

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.

Sammy12

08-12-2011, 11:13 PM

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>
<div class="content">
<div class="left-column" style="float: left; width: 40%;">

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

</div>
</div>
<div id="footer">

</div>

alexd1

08-15-2011, 01: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.

teedoff

08-15-2011, 04: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.