# Dreamweaver - Help making layout

**URL:** <https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863>\
**Category:** web dev\
**Created:** [July 17, 2003, 2:52am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863 "2003-07-17T02:52:32Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![sz05](https://avatars.discourse-cdn.com/v4/letter/s/59ef9b/32.png) [@sz05](https://forum.kirupa.com/u/sz05)\
**Post date:** [July 17, 2003, 2:52am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/1 "2003-07-17T02:52:32Z")

</div>

Hello guys. . .

Im just wonderin how to make a layout in DW?

I tried to make a layout using tables . . . and it works but not gud as i want ☹

Someone help to make a layout like this [http://www.wbchug.com/index.htm](http://www.wbchug.com/index.htm)

i tried to make a box like that, in photoshop like i make a 300x300 and i just stroked it and i inserted to each tables but when i tried to put text on it , it didnt work ☹

any idea guys???

thanks in advance 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 3:08am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/2 "2003-07-17T03:08:02Z")

</div>

That site was done using only tables for the layout. One cell does contain an iframe. All of the text and background colors are controlled with css (cascading style sheets).

Take a peek at the source code. I’ve learned most of what I know by disecting the source code of a page that catches my eye. In addtion to the style sheet pay particular attention to how they control the size of the table and table cells.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 3:22am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/3 "2003-07-17T03:22:25Z")

</div>

how did she/he made the tables a tiny like that?

I tried to use .5 for a border but it didnt work 😃

do u have any idea how can i make that?

ty for the reply

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 3:25am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/4 "2003-07-17T03:25:18Z")

</div>

There’s a tutorial by yours truly,

and there it shows how to make layout and so on:  
[http://www.kirupa.com/web/dw.htm](http://www.kirupa.com/web/dw.htm)

You can make the border real small… by making border size 0!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 3:29am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/5 "2003-07-17T03:29:25Z")

</div>

The border are done using style sheets. If you look at the source code there are no border attributes set.

Here’s a link to view the external style sheet file  
[http://www.wbchug.com/icons.css](http://www.wbchug.com/icons.css)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 3:30am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/6 "2003-07-17T03:30:34Z")

</div>

thank you guys for the help 🙂

btw

what font did he/she used there? is it verdana? but i can’t figure it out the size . . . ☹

help me here thanks again 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 3:36am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/7 "2003-07-17T03:36:45Z")

</div>

umm… I think 10px… looks like verdana…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 3:41am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/8 "2003-07-17T03:41:38Z")

</div>

I know its a verdana but when i tried to use the interactive images and use the flash text they are not look the same ☹

is she/he used the flash text ? what do u think?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 4:15am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/9 "2003-07-17T04:15:10Z")

</div>

I dont think I know what exacly you mean, but it can be, or it can be a image…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 17, 2003, 8:46am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/10 "2003-07-17T08:46:48Z")

</div>

As abzoid said everythings in the CSS. The font is Verdana 10 px and title fonts Trebuchet MS 22px bold…

Dave

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2003, 5:51pm UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/11 "2003-07-19T17:51:23Z")

</div>

another way to make small cells in tables is to put in a 1x1 spacer (transparent.gif) and then set the height to 1 or 2 or whatever you want.

also when i see pages i like, i save them on my hard drive, then open them up- it can show you a lot about the table layout & structure

view and save the css file too- that should show you what you want to know about fonts etc.

~later

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 20, 2003, 2:25am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/12 "2003-07-20T02:25:31Z")

</div>

thanks for the info.

btw do u guys have a tutorial for css?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 20, 2003, 10:38am UTC](https://forum.kirupa.com/t/dreamweaver-help-making-layout/25863/13 "2003-07-20T10:38:17Z")

</div>

There is a mini-tutorial with the use of CSS in the Dreamweaver tutorial.
