Dreamweaver - Help making layout

programming web dev
1

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 :frowning:

Someone help to make a layout like this 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 :frowning:

any idea guys???

thanks in advance :slight_smile:

2

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.

3

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

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

do u have any idea how can i make that?

ty for the reply

4

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

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

5

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

6

thank you guys for the help :slight_smile:

btw

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

help me here thanks again :slight_smile:

7

umm… I think 10px… looks like verdana…

8

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 :frowning:

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

9

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

10

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

Dave

11

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

12

thanks for the info.

btw do u guys have a tutorial for css?

13

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