Solved

Dreamweaver and Table Layout

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

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Read More links 12 356
CSS Problem With Header Text 4 361
Adobe Indesign CS6 4 118
Adobe Acrobat Pro: chasing the white background wallpaper dimensions 3 173
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…
This tutorial gives a high-level tour of the interface of Marketo (a marketing automation tool to help businesses track and engage prospective customers and drive them to purchase). You will see the main areas including Marketing Activities, Design …
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.

770 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