?
Solved

Dreamweaver CS3 Using CSS for Layouts

Posted on 2008-02-01
8
Medium Priority
?
304 Views
Last Modified: 2010-04-03
Working in Dreamweaver CS3 and wondering if it is possible to layout a page using div tags rather than tables like I'm doing now.
0
Comment
Question by:dignified
  • 3
  • 3
  • 2
8 Comments
 

Expert Comment

by:IShiva
ID: 20798669
Absolutely!

The easiest way is to:

(at the top)

Click Insert
Click Layout Objects
Click Div Tag

You can apply a class or id to the div if you have any.

Does this get you started?

IShiva
0
 

Author Comment

by:dignified
ID: 20798727
How is the browser compatibility? Do I have to position things manually or can I drag and drop objects?
0
 

Accepted Solution

by:
IShiva earned 195 total points
ID: 20798850
If youre going to use divs for layout, you will want to use CSS to position the divs.

Just Google "how to position divs"

You'll get a whole list of helpful info.

But to answer your question, you'll need to give your divs 'ids' or 'classes' to manipulate them or to position them.

Browser compatibility (in my opinion) is a bit shaky...especially in IE but they are getting better. Unless you are planning on doing some advanced CSS layouts, you should be ok.
0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

Author Comment

by:dignified
ID: 20798867
Yeah I can use potision:absolute; left: 90px; etc but it is a little annoying have to do it this way, doesn't look like you can create a div and then resize with the mouse.

I think I'll just stick to using table then.
0
 

Expert Comment

by:IShiva
ID: 20798914
What exactly are you trying to do? You want the user to be able to resize something on your site? Or am I confused? :)
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 20799168
There's also a whole bunch of CSS starter pages included in CS3.

Do File | New and you will see all of them.  
0
 

Author Comment

by:dignified
ID: 20804424
I mean for the WYSIWYG editor, I want to be able to insert a DIV, which will then show me the dotted outline of the region in which it covers. Instead of manually hard coding the dimensions and positions of these div tags, I would like to be able to use the mouse to resize them in the WYSIWYG editor, as well as drag them around.
0
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 180 total points
ID: 20805222
It's a weird little thing in DW that you can resize Layers (absolutely positioned divs), but not relatively positioned divs by grabbing the outline of the div.

So, if you want that, you do the same thing iShiva suggested in his/her first post but choose Insert > Layout Objects > AP Div
0

Featured Post

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

Question has a verified solution.

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

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…
Is your organization moving toward a cloud and mobile-first environment? In this transition, your IT department will encounter many challenges, such as navigating how to: Deploy new applications and services to a growing team Accommodate employee…
Watch the video to learn how one can deal with PST file corruption issue with an outstanding Kernel for Outlook PST Repair Tool easily. Using this tool, non-technical users can swiftly perform the repair process to restore their essential data witho…
Suggested Courses

588 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