Program Default Layer Writing Question

people...

an internet friend of mine in forum helped me solve parent (container) layer centering problem. had created large "layer 1"...nested layers 2, 3 & 4 within layer 1...& wanted layer 1 slide center of browser window, 2,3 & 4 not changing absolute position relative layer 1. solution was:

<div id="layer1" style="position:relative; width:285px; height:311px; margin: 0 auto;">
<div id="layer2" style="position:absolute; width:47px; height:115px; z-index:1; left: 226px; top: 120px;"><img src="layer2.jpg" width="58" height="133"></div>
<div id="layer3" style="position:absolute; width:131px; height:115px; z-index:2; left: 3px; top: 3px;"><img src="layer3.jpg" width="158" height="189"></div>
<div id="layer4" style="position:absolute; width:176px; height:71px; z-index:3; left: 94px; top: 130px;">;"><img src="layer4.jpg" width="158" height="189"></div>
</div>

where container (layer 1) assigned relative positioning & centered auto margins...& nested layers (2,3 & 4) remained absolute; & inline

...but...

...he tells me inline styles not idea.

everybody tells me inline styles not idea.

but no 1 tells me why.

so...3 questions:

1) why inline styles not idea...& relative (pardon pun) way centering layer layout?

2) there way configure dreamweaver write layer code (i.e., user draws in layer...dreamweaver writes code) other inline?

3) on of existing page layouts consist of multiple layers (each 1 housing image or text)...that want centered...how nest layers in large container layer? (the above centering solution test page created scratch...& subsequent layers nested went. need go existing pages & center layout.)

thanks much,

mark4man
dreamweaver mx (6.0)

mark4man wrote:
> people...
>
> internet friend of mine in forum helped me solve parent
> (container) layer centering problem. had created large "layer 1"...nested
> layers 2, 3 & 4 within layer 1...& wanted layer 1 slide center of
> browser window, 2,3 & 4 not changing absolute position relative layer
> 1. solution was:
>
> <div id="layer1" style="position:relative; width:285px; height:311px; margin:
> 0 auto;">
> <div id="layer2" style="position:absolute; width:47px; height:115px;
> z-index:1; left: 226px; top: 120px;"><img src="layer2.jpg" width="58"
> height="133"></div>
> <div id="layer3" style="position:absolute; width:131px; height:115px;
> z-index:2; left: 3px; top: 3px;"><img src="layer3.jpg" width="158"
> height="189"></div>
> <div id="layer4" style="position:absolute; width:176px; height:71px;
> z-index:3; left: 94px; top: 130px;">;"><img src="layer4.jpg" width="158"
> height="189"></div>
> </div>
>
> container (layer 1) assigned relative positioning & centered
> auto margins...& nested layers (2,3 & 4) remained absolute; & inline
>
> ...but...
>
> ...he tells me inline styles not idea.
>
> tells me inline styles not idea.
>
> no 1 tells me why.
>
> so...3 questions:
>
> 1) why inline styles not idea...& relative (pardon pun)
> way centering layer layout?

because main advantage of using css precisley remove styles html markup, ,
place instead in external style sheet. allows to:
1.centralise code defines layout in 1 place, , have 1 file deal
with update/change pages layouts.
2.think of layout in more precticall way dividing layout styles coherent styles
definitions can combine in various ways style various heml elements.
3.keep html markup clean , simple


>
> 2) there way configure dreamweaver write layer code (i.e., user
> draws in layer...dreamweaver writes code) other inline?

maybe in dm8, don't think so, not in mx6.
side note: using layers layout not practice anyways, many reasons, see below

>
> 3) on of existing page layouts consist of multiple layers (each
> 1 housing image or text)

what happen if user increases text size in browser preferences? try it: text
will overflow layers, , page horrible, text overlapping images or other
text. because using layers. not happen if using relative divs or tables
with no fixed height.

>...that want centered...how nest
> layers in large container layer? (the above centering solution
> test page created scratch...& subsequent layers nested
> went. need go existing pages & center layout.)
>

in short, consider not using layers @ all.
use tables (easier) or realtively positioned divs (harder more practical in long run).


> much,
>
> mark4man
> dreamweaver mx (6.0)
>
>


--
seb ( ---@webtrans1.com)
http://webtrans1.com | high-end web design
downloads: slide show, directory browser, mailing list

More discussions in Dreamweaver support forum

adobe