Solved

Dreamweaver and Table Layout

Posted on 2006-07-19
3
260 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

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…
There's a multitude of different network monitoring solutions out there, and you're probably wondering what makes NetCrunch so special. It's completely agentless, but does let you create an agent, if you desire. It offers powerful scalability …
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.

691 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