Dreamweaver Layout

They have: 17 posts

Joined: Aug 2003

I am about to do a major redisign on a site, im trying to stay away from frames, but working with tables seems so much harder!

I am trying to get a layout done before i try to get the information strait.

the problem is .. i cant get the layout done in tables, and i need some direction..

i am going to have a header, main, and footer table that are just one table.
but i have a side bar on each side that is split horizontally in different percents..
the left side should be around 70% on the top to 30% on the bottom... on the right frame beside the 'main' would be 40% on the top, and 60% on the bottom

i know its confusing, but im so baffled i cant get this strait!

any information is needed and appriciated..

thanks in advance

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

What exactly are you having problems with? Can you show what you have so far?

They have: 17 posts

Joined: Aug 2003

well, i've blew my luck and im going with frames...

but, im having trouble with getting a header, footer, main, left, and right frame all together..

would anyone tell me how i can accomplish that?

im using dreamweaver for a wysiwyg editor...

thanks again..

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

IMO frames are more trouble than they are worth, tables are a much easier option. DW makes it easy to use tables and for your layout you need one table with one column for the top into which you put your header, then one table with two columns, the left column for your navigation and the right one for the main content, then one table with one column for your footer section.

Are you having problems using DW or the actual layout?

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

They have: 17 posts

Joined: Aug 2003

It's the layout, I would like it in tables, but i never have made a websie in tables, just frames...

i heard that tables are better, so i was going to give it a try, but im not sure how to do it from page to page?

copy and paste the stuff that stays the same? (im guessing)

this is what i would have liked in tables (but i could only get it in frame)
...

This page uses frames, but your browser doesn't support them.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

<table width="100%">
    <tr>
        <td colspan="3"><!-- contents of top.htm --></td>
    </tr>
    <tr>
        <td width="150"><!-- contents of left.htm --></td>
        <td><-- contents of main.htm --></td>
        <td width="100"><!-- contents of right.htm --></td>
    </tr>
    <tr>
        <td colspan="3"><!-- contents of bottom.htm --></td>
    </tr>
</table>
'

You don't really need the top and bottom row, either, they could easily be other types of markup before and after the table. You can also move the widths to the CSS file, but I'm not sure where you are in your learning, and this will help you get started, anyway.

<div id="header"><!-- contents of top.htm --></div>

<table width="100%">
    <tr>
        <td width="150"><!-- contents of left.htm --></td>
        <td><-- contents of main.htm --></td>
        <td width="100"><!-- contents of right.htm --></td>
    </tr>
</table>

<div id="footer"><!-- contents of bottom.htm --></div>
'

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Upload what you've got and give us a URL - it'll be a lot easier to help you if we can see exactly what the problems are.

They have: 17 posts

Joined: Aug 2003

suzanne thats perfect, but i tried it out, and frames look to be the solution to my havoc... is there any easy way to convert that look into frames?

They have: 17 posts

Joined: Aug 2003

well, i have been working on it and it seems to be better than i thought..

still have a lot of work to do though..

ill get back to you when im finished

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Ideally, joec0123, that code took your frameset and made it into a table! Smiling

They have: 17 posts

Joined: Aug 2003

i have another problem... but its way too much code to put on here

i cant get the 'main' and 'right' tables to fill the header and footer tables

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

put the page online and give us an url and we can help you out.

also, http://validator.w3.org

They have: 17 posts

Joined: Aug 2003

it's done!!

i finished, thanks so much too everyone..

you know i cant go without another question..

i need to know how i can preload or cache the images (preload before entering, and cache the tables that stay the same)

He has: 1,758 posts

Joined: Jul 2002

Eugh.... frames? tables? have you ever considered buying a good book on CSS and perhaps trying some up to date design techniques?

sitepoint.com do a brilliant book on CSS.

Andy

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Use small images, and don't preload. It's not worth the hit to users. And Andy has some good advice. I'd recommend you get more solid with html/xhtml as well.

They have: 17 posts

Joined: Aug 2003

the layout is almost done...

how do people update thier layout if they need to change a cellspace or something, if they have a 100 page website?

this is what i have so far, the links dont work yet on the left, and this is only the calendar page...

http://centralprivate.org/New/activitycalendar.htm

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Includes or templates.

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Quote: Originally posted by joec0123
how do people update thier layout if they need to change a cellspace or something, if they have a 100 page website?

You would have to use a server side language, I recommend PHP.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Server Side Includes are also a simple solution. Here's a good tutorial if you're interested:

http://www.bignosebird.com/ssi.shtml

Specifically this one:
http://www.bignosebird.com/sdocs/include.shtml

Or do a search here - this question has come up many times.

teammatt3's picture

He has: 2,102 posts

Joined: Sep 2003

use css

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.