Solved

Dreamweaver and Table Layout

Posted on 2006-07-19
3
254 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

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Suggested Solutions

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…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Here's a very brief overview of the methods PRTG Network Monitor (https://www.paessler.com/prtg) offers for monitoring bandwidth, to help you decide which methods you´d like to investigate in more detail.  The methods are covered in more detail in o…
You have products, that come in variants and want to set different prices for them? Watch this micro tutorial that describes how to configure prices for Magento super attributes. Assigning simple products to configurable: We assigned simple products…

705 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now