Skip navigation

Dreamweaver

zhgart Calculating status...

Currently Being Moderated

how to modify layout manually?

May 16, 2012 8:04 PM

Tags: #manually #auto_layout

dw is excellent support to css, but seems to lack of manual modification.

How shall we modify layout size manually? when we see apdiv layout?

1527 Views 16 Replies Latest reply: zhgart, May 18, 2012 8:37 AM

Replies

Currently Being Moderated

1. Ben Pleysier,

May 16, 2012 11:25 PM in reply to zhgart

Report

Please read the following
Use Dreamweaver without knowing HTML and CSS?

Forget it. Although you can do some very rudimentary things only using Design view, the scope of your capabilities will be extremely limited. Dreamweaver is not kind to people who do not take the time to properly prepare for its use. Consider spending some time at http://www.w3schools.com and gain familiarity with HTML and CSS. You'll find DW much easier to use if you do.

Without knowing much HTML and CSS, not only will you be frustrated in USING Dreamweaver, you'll also be frustrated in understanding the answers that you get here in the forum. Please do us and yourself a favor - do your homework! And welcome to the forum!
by Murray *ACP* (05-Dec-2010)
And please do not use APDIV's in a normal layout.

Gramps

|
Mark as:
Currently Being Moderated

2. zhgart,

May 17, 2012 1:50 AM in reply to Ben Pleysier

Report

I wish to use in way of seeing is getting. I use standard layout tool and get this odd figure
when intend to drag the node on the border, but can do nothing? what's wrong with it?
I like draw layout and don't wish to type too many words of css for the layout.

|
Mark as:
Currently Being Moderated

3. zhgart,

May 17, 2012 1:56 AM in reply to zhgart

Report

and odd enough, why don't use apDiv? this is very basic element for layout.

|
Mark as:
Currently Being Moderated

4. osgood_,

May 17, 2012 2:20 AM in reply to zhgart

Report

If you want to use drag and drop and dont want to learn any html and css you might want to try 'Adobe Muse' this is software more akin to DTP applications I am lead to believe.

AP <divs> can be a complete nightmare to work with unless you know their limitations. Each AP <div> is an independent element which cannot relate to anything else on the page. For instance if you want to add more text to an AP <div> then you will have to rearrange all the other AP <div> below it to take into consideration the extra text.

AP <divs> whilst less troublesome now than in years gone past because browsers had no zoom tool, they now do, so these individual containers can be enlarged proportionally to maintain the layout structure, whereas without the zoom tool only the text got enlarged which caused containers to overlap and the text be unreadable.

Use them only if you want to create a very very simple website structure.

|
Mark as:
Currently Being Moderated

5. zhgart,

May 17, 2012 6:56 AM in reply to osgood_

Report

I try to search that software.
I find the way to the solution.
here it is,
go to ap element in css panel, don't choose the overlap, well, that's all.
typing each command by hands is an uncomfortable job, comparing with drag and display way.
computer provides us with many convinients, why shall we not take advantage of comfort software offered?

|
Mark as:
Currently Being Moderated

6. zhgart,

May 17, 2012 8:22 AM in reply to zhgart

Report

I continue modifying the css style in the css panel, suddenly an odd state occurs like this,
the two green bar are belong to footer, why do they part from each other so long distance?
the class is simple,
.footer {
position: absolute; /* this gives IE6 hasLayout to properly clear */
width: 976px; /*or auto*/
bottom: -514px;
background-color: #9F6;
height: 30px;
left: 0px;
}
whats wrong?

|
Mark as:
Currently Being Moderated

7. Ken Binney,

May 17, 2012 8:24 AM in reply to zhgart

Report

zhgart wrote:
why shall we not take advantage of comfort software offered?
While it makes your life easier, IT DOESN'T WORK in today's web world

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

|
Mark as:
Currently Being Moderated

8. osgood_,

May 17, 2012 8:34 AM in reply to zhgart

Report

Unless you know css and html inside out and back to front I'm afraid you will continually be frustrated. Even when you know it inside out and back to front it gets frustrating at times so how anyone produces anything without indepth knowledge is well frankly beyond me.

And as for trying to work with AP <divs> well thats an art all by itself.

|
Mark as:

Currently Being Moderated

9. Ben Pleysier,

May 17, 2012 3:27 PM in reply to zhgart

Report

Try the following as a nice starter

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
* {
    padding: 0;
    margin: 0;
}
html {
    background: #333;
    height: 100%;
    overflow-y: scroll;
}
body {
    background: #FFF;
    width: 980px;
    margin: auto;
    overflow: hidden;
}
.header {
    background: #9F6;
    height: 100px;
    padding: 20px;
}
.nav {
    color: #FFF;
    background: #000;
    height: 35px;
    padding: 0 20px;
}
.article {
    min-height: 300px;
    padding: 20px;
}
.footer {
    font-size: 0.8em;
    color: #999;
    background: #9F6;
    height: 30px;
    padding: 5px 20px;
}
</style>
</head>

<body>
<div class="header">
    <h1>Header</h1>
</div>
<div class="nav">
    Navigiation Bar
</div>
<div class="article">
    <h2>Article Header</h2>
  <p>This is the content</p>
</div>
<div class="footer">
    <p>My Footer</p>
</div>
</body>
</html>

Gramps

Mark as:

Currently Being Moderated

10. zhgart,

May 17, 2012 7:01 PM in reply to Ben Pleysier

Report

Not bad, you fancy using Note all the way, instead of catchy tools.
similarly you can have only a keyboard without mouse.
just a fun, you may never take car or bus to go to work ,just walk.

|
Mark as:
Currently Being Moderated

11. zhgart,

May 17, 2012 7:14 PM in reply to Ken Binney

Report

Ken Binney wrote:

zhgart wrote:
why shall we not take advantage of comfort software offered?
While it makes your life easier, IT DOESN'T WORK in today's web world

http://www.apptools.com/examples/pagelayout101.php
thanks for the link. I also visit W3C for items explanation. however, I prefer to drag, point and a click way to type long-winded items.
similarly, do you fancy using template or repeat typing every thing from beginning?

|
Mark as:
Currently Being Moderated

12. Ben Pleysier,

May 17, 2012 7:18 PM in reply to zhgart

Report

you may never take car or bus to go to work ,just walk.
Actually, I have progressed with time and technology. my work is at home.

However, that same technology dictates that I must code as I have shown in order to achieve proper outcomes. Many moons ago I did start with some smart MS program (Frontend I think it was called) which automated many tasks for me. I soon outgrew that product when I became a professional web developer.

With my example, which did take up some of my valuable time, I only tried to show you the way that professionals tackle their projects. I did not think it would lead to me being ridiculed.

I wish you the best of Irish in your endeavors to rid this world of idiots like me.

Grumps

|
Mark as:
Currently Being Moderated

13. zhgart,

May 17, 2012 8:49 PM in reply to zhgart

Report

the two green bar are belong to footer, why do they part from each other so long distance?
the class is simple,
.footer {
position: absolute; /* this gives IE6 hasLayout to properly clear */
width: 976px; /*or auto*/
bottom: -514px;
background-color: #9F6;
height: 30px;
left: 0px;
}
whats wrong?
At last, I find the matter,
It's no other than the footer class quotation or citation that cause the trouble.
<div class="footer">
    <p class="footer">Animation Produced by us</p>
    <p class="footer">China</p>
    </div>
In this footer division, there are two extra paragraph re-definition. oddly enough, I have never typed that, where are they come from?
delete them , all is working well.
<div class="footer">
    <p >Animation Produced by us</p>
    <p >China</p>
    </div>

|
Mark as:
Currently Being Moderated

14. zhgart,

May 17, 2012 9:15 PM in reply to Ben Pleysier

Report

Altruistic Gramps wrote:

you may never take car or bus to go to work ,just walk.
Actually, I have progressed with time and technology. my work is at home.

However, that same technology dictates that I must code as I have shown in order to achieve proper outcomes. Many moons ago I did start with some smart MS program (Frontend I think it was called) which automated many tasks for me. I soon outgrew that product when I became a professional web developer.

With my example, which did take up some of my valuable time, I only tried to show you the way that professionals tackle their projects. I did not think it would lead to me being ridiculed.

I wish you the best of Irish in your endeavors to rid this world of idiots like me.

Grumps
Sorry for my joke. don't mind, I have no any ideas of taunts and jibes at all in the above words.
I can image you are an excellent programmer from your patient typing. but Im not,
Im just a player.
btw, cong, you got a new job to develop web sites.

Greeting from China.

|
Mark as:
Currently Being Moderated

15. Ken Binney,

May 18, 2012 6:00 AM in reply to zhgart

Report

zhgart wrote:
I prefer to drag, point and a click way to type long-winded items.
similarly, do you fancy using template or repeat typing every thing from beginning?
You are welcome. At age 76, I am probably lazier than you.
I use DW Snippets to insert long winded items
I do not fancy templates... I much prefer Server Side Includes

I still fear that you have missed the point that, even after a long struggle, when you get your layout to look OK on your computer, when viewed in a visitor's computer will fall apart when he increases his text size.

Using AP Div's it is like you are building a strong stone house on a foundation of straw.

"Teachers open the door. You enter by yourself".
Chinese Proverb

|
Mark as:
Currently Being Moderated

16. zhgart,

May 18, 2012 8:37 AM in reply to Ken Binney

Report

That does the trick, picking up snippet,you avoid talking about template. Half a kg vs 500g.
Those who use DW have to deal with server effect, other wise, he will not need dw.
you can use test server which is on your computer for inspection.
so that the things you said will not take place as soon as I set up that delux web pages.

I wish the DW is not so weak just as you said like a straw. apdiv a basic visiable layout tool. It may be made of strong steel bar. which is under strw -like apperiance.
The first step going into the door is difficult.

good proverb. but I still stand out of the door.

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points

Dreamweaver

how to modify layout manually?

May 16, 2012 8:04 PM

Use Dreamweaver without knowing HTML and CSS?

More Like This

Bookmarked By (0)

Answers + Points = Status