Adobe Community: Div Tag

Currently Being Moderated

1. Ben Pleysier,

Feb 21, 2013 12:54 AM in reply to Sandip_Choudhury

Report

What is the diffrence between Insert Div Tag, Insert Fluid Grid Layout Div Tag and Draw AP Div?

A DIVision is a container that has its properties defined in CSS. These properties determine colours, sizes and positions.

Where a normal DIV has an absolute value (e.g. 500px) for its width, a DIV within a fluid layout has a percentage (100%) as the value for its width. That way it will adjust to its parent container (HTML, BODY or another DIV)

An AP DIV is similar to a normal DIV with the exception that it is absolutely positioned (position: absolute). This is the most difficult DIV to manage and its use is to be discouraged.

|

Mark as:

Currently Being Moderated

2. Sandip_Choudhury,

Feb 21, 2013 3:00 AM in reply to Ben Pleysier

Report

An AP DIV is similar to a normal DIV with the exception that it is absolutely positioned (position: absolute). This is the most difficult DIV to manage and its use is to be discouraged.

To be sure, I am asking:

Why AP Div is difficult to manage? Is it because (position: absolute)? Can you please explain.

If yes, then is it possible to change the (position: absolute) in dreamweaver CSS panel? Because by using this Draw AP DIV, I can draw div anywhere in the page.

So, again what is your opinion about this?

|

Mark as:

Currently Being Moderated

3. Ben Pleysier,

Feb 21, 2013 3:18 AM in reply to Sandip_Choudhury

Report

Have a look here http://fgamedia.org/faculty/rdcormia/COIN74B/class03b.htm

Seeing the whole course may be of assistance http://fgamedia.org/faculty/rdcormia/COIN74B/

|

Mark as:

Currently Being Moderated

4. Sandip_Choudhury,

Feb 21, 2013 7:43 AM in reply to Ben Pleysier

Report

WOW!! What a link of tutorial you have given me! Very very good. Just I am searching for these type of tutorial with diagrams of dreamweaver.

But only thing is that currently I am using Dreamweaver CS6 and tutorial is about CS3.

Is there any, this type of tutorial on Dreamweaver CS6?

Though, this is enough for my knowledge. But Dreamweaver CS6 has more important features.

Thank you very much.

|

Mark as:

Currently Being Moderated

5. bemdesign,

Feb 21, 2013 8:29 AM in reply to Sandip_Choudhury

Report

HTML is HTML, CSS is CSS, Dreamweaver is just a tool that can help you make the most of HTML and CSS. Don't get caught up in trying to learn a tool when what you really want to learn is the fundamental languages the tool uses.

|

Mark as:

Currently Being Moderated

6. Nancy O.,

Feb 21, 2013 2:21 PM in reply to Sandip_Choudhury

Report

Learn CSS positioning in 10 Steps

http://www.barelyfitz.com/screencast/html-training/css/positioning/

Default positioning (static or unspecified) is all you need for 98% of layouts.

"Drawing boxes" in DW is not a good way to work either. DW is not a graphics editor like Photoshop. It's a web authoring tool.

When you draw & move APDivs on your workspace, you remove content from the normal document flow and position them relative to the top, left corner of browser window or the nearest relatively positioned parent container.

When you preview the page in browsers, everything falls apart. APDivs are not a good layout approach. Here's more on why:

http://www.apptools.com/examples/pagelayout101.php

Nancy O.

|

Mark as:

Currently Being Moderated

7. Sandip_Choudhury,

Dreamweaver

Div Tag

Feb 20, 2013 11:12 PM

More Like This

Bookmarked By (0)

Answers + Points = Status