675,865 reviews,
402 today

fufiter9246 · 06-26-2003, 08:04 AM

Hey guys, few questions and concerns:

I'm using Dreamweaver, just got it yesterday and I started working on a page....however, i'm finding it difficult to create tables like the ones seen on http://unmodulated.com where they are all split up and there is equal spacing between them.....on my page the table is just one big one with seperate tables inside, it looks decent but I like the spacing, and it never stays put, it constantly adjust to the content inside. I like how the "News" table goes all the way down, my page is becoming a pain and I'd like something like this:

[HEADER---------------]
[Row1][Body][Row 2]
[FOOTER---------------]

Header has logo and menu, I was able to do that fine
Row 1 - I would like little menus
Body - News, updates
Row 2 - Far right of the screen, polls and stuff
Footer - basic contact info

Any help where I can learn to develop or helpful insight?

fufiter9246 · 06-26-2003, 08:26 AM

Here is a picture of what I mean:

tenor_david · 06-26-2003, 08:37 AM

Well, you will need to play with the Cellspacing attribute of each of your tables. This defines how many pixels of space are between each table.

fufiter9246 · 06-26-2003, 08:43 AM

Yah thanks for the tip! But how do I make a table on the far right of the screen? I was able to create the header, foot, left table, and middle table, but how Do I get those little tables on the far right???

Droppyale · 06-26-2003, 08:45 AM

go here www.oswd.org

many free website layouts.

open one in dreamweaver and see how they did it

fufiter9246 · 06-26-2003, 09:11 AM

not too shabby, i think you took the cake Droppyale

crouse · 06-26-2003, 09:16 AM

This is the BASIC html to create the layout you posted.... of course it would need more content

HTH's

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
  <TITLE>Table Test Page</TITLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080" ALINK="#FF0000">

<!-- Single ROW TABLE -->
<TABLE BORDER="1" WIDTH="100%">
  <TR>
    <TD>
    <!--R1C1-->
Box1
    </TD>
  </TR>
</TABLE>


<TABLE BORDER="1" WIDTH="100%">
  <TR>
    <TD width=150> <!-- table in a table --><!-- Fixed cell width 150 pixels-->
    <!--R1C1-->

<TABLE BORDER="1" WIDTH="100%">
  <TR>
    <TD>
    <!--R1C1-->
BOX--A
    </TD>
  </TR>
  <TR>
    <TD>
    <!--R2C1-->
BOX--B
    </TD>
  </TR>
</TABLE>



    </TD>
    <TD><!-- EXPANDING cell width -->
    <!--R1C2-->
Box3
    </TD>
    <TD width=150><!-- Fixed cell width 150 pixels-->
    <!--R1C3-->
Box4
    </TD>
  </TR>
</TABLE>






</BODY>
</HTML>