Solved

Dreamweaver and Table Layout

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Dreamweaver CS5.5 Error 5 534
Read More links 12 346
Does Adobe/Dreamweaver Have Free Website Templates? 2 407
Dreamweaver Sprymenubar hangs on first use on smartphone or IPad 6 213
For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
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…
Along with being a a promotional video for my three-day Annielytics Dashboard Seminor, this Micro Tutorial is an intro to Google Analytics API data.
Windows 10 is mostly good. However the one thing that annoys me is how many clicks you have to do to dial a VPN connection. You have to go to settings from the start menu, (2 clicks), Network and Internet (1 click), Click VPN (another click) then fi…

920 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

11 Experts available now in Live!

Get 1:1 Help Now