Solved

Dreamweaver and Table Layout

Posted on 2006-07-19
3
258 Views
Last Modified: 2010-08-05
Hello -

When I create a table in DW - it is hard to tell exactly what it looks like until I view in a browser.  The cells looks like this:

http://www.ados.net/~vanover/waterfront/image1.jpg

instead of this:

http://www.ados.net/~vanover/waterfront/2.htm
http://www.ados.net/~vanover/waterfront/2.css

Makes it very difficut to work in DW.  Any suggestions?  It is even worse when trying to use first letter. I am learning how to control the layout of tables using CSS.

Thanks!

Frieda :-)
0
Comment
Question by:fmv503
  • 2
3 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 250 total points
ID: 17141338
Hi frieda,

The HTML view in DW is actually a pretty fair representation of the browser window.  Your jpg and your page look pretty similar to me.  What throws some users off is all the markup that DW can display in Design mode as well as the smaller work area in DW if you have it docked to any panels.

Try one or more of the following:

1) Go to View | Table Mode and make sure Standard is selected
2) Go to View | Visual Aids and enable or disable Table Borders, Table Widths, and Invisible Elements as desired.
3) Try undocking the design panel by going to Window | Workspace Layout and selecting a different config

The best advice is to forget about using tables for layout entirely and learn to use divs with the CSS file to control things.
0
 

Author Comment

by:fmv503
ID: 17142033
Hi Jason -

I sure agree with you about using CSS instead of table layouts to accomplish design.  For a new person - both are challenging.  I am trying to learn the box method - but have a ways to go.

Thanks for your suggestions.  Seems to be a little better.

Frieda :-)
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 17142049
I agree that the CSS box model is challenging, but the GREAT thing about it is that once you get it once, you have a template that can be used for just about any site.  All you need to do is change the widths, floats, and clears.

Bonus: if you need more help from EE, debugging a CSS page is tons easier than a table page ;)

Thanks for the points.  Good luck and ask again if you need more help.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Email security requires an ever evolving service that stays up to date with counter-evolving threats. The Email Laundry perform Research and Development to ensure their email security service evolves faster than cyber criminals. We apply our Threat…

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question