using vars in div style tag

[ScooterMX]

I have a menu that stretches across the top of a series of pages, and I need
to be able to change all 8 div's absolute position. Here's a snippet of the
code I am
using:

<div id="layer1" style="position:absolute; width:auto; height:auto; top:1px;
left:50px">

What I need is to be able to change that 'left:50px' to the equiv of
"left:layer1_pos">

any suggestions on how to go about this??

[Harlan Messinger]

"ScooterMX" <sc*****@nowhere.org> wrote in message
news:cM****************@newssvr21.news.prodigy.com ...

I have a menu that stretches across the top of a series of pages, and I need to be able to change all 8 div's absolute position. Here's a snippet of the code I am
using:

<div id="layer1" style="position:absolute; width:auto; height:auto; top:1px; left:50px">

What I need is to be able to change that 'left:50px' to the equiv of
"left:layer1_pos">

any suggestions on how to go about this??

You need to be using a server technology like ASP, ASP.NET, Java servlets,
PHP, CGI, et al., that generates HTML pages programmatically.

[ScooterMX]

"Harlan Messinger" <h.*********@comcast.net> wrote in message
news:34*************@individual.net...

"ScooterMX" <sc*****@nowhere.org> wrote in message
news:cM****************@newssvr21.news.prodigy.com ...

I have a menu that stretches across the top of a series of pages, and I

need

to be able to change all 8 div's absolute position. Here's a snippet of

the

code I am
using:

<div id="layer1" style="position:absolute; width:auto; height:auto;

top:1px;

left:50px">

What I need is to be able to change that 'left:50px' to the equiv of
"left:layer1_pos">

any suggestions on how to go about this??

You need to be using a server technology like ASP, ASP.NET, Java servlets,
PHP, CGI, et al., that generates HTML pages programmatically.

This is on an .asp page. And actually any page that can render css can do
this, not just server side. css/dhtml is a client side rendering.

What I need to figure out is how to access the layers properties, or more
accurately, WHEN to. I think that I can set the div's stlye tag like this:

document.layer1.left=50

but I'm not sure when to do that, syntax-wise...

[Harlan Messinger]

"ScooterMX" <sc*****@nowhere.org> wrote in message
news:P6****************@newssvr21.news.prodigy.com ...

"Harlan Messinger" <h.*********@comcast.net> wrote in message
news:34*************@individual.net...

"ScooterMX" <sc*****@nowhere.org> wrote in message
news:cM****************@newssvr21.news.prodigy.com ...

I have a menu that stretches across the top of a series of pages, and

I need

to be able to change all 8 div's absolute position. Here's a snippet

of the

code I am
using:

<div id="layer1" style="position:absolute; width:auto; height:auto; top:1px;

left:50px">

What I need is to be able to change that 'left:50px' to the equiv of
"left:layer1_pos">

any suggestions on how to go about this??

You need to be using a server technology like ASP, ASP.NET, Java servlets, PHP, CGI, et al., that generates HTML pages programmatically.

This is on an .asp page. And actually any page that can render css can do
this, not just server side. css/dhtml is a client side rendering.

What I need to figure out is how to access the layers properties, or more
accurately, WHEN to. I think that I can set the div's stlye tag like

this:
document.layer1.left=50

but I'm not sure when to do that, syntax-wise...

OK, I understand now. Since you had put this in an HTML group, I had assumed
it was an HTML question and that you didn't realize this couldn't be done
through HTML. The answer is

document.getElementById("layer1").style.left = 50;

[Leif K-Brooks]

ScooterMX wrote:

I have a menu that stretches across the top of a series of pages, and
I need to be able to change all 8 div's absolute position.Here's a
snippet of the code I am using: <div id="layer1" style="position:absolute; width:auto; height:auto;
top:1px; left:50px">

Remove the inline style attribute from the DIVs, add this to the pages'
HEAD element:

<link rel="stylesheet" type="text/css" href="style.css">

Then create a file called style.css and put this in it:

#layer1 {
position: absolute;
width: auto;
height: auto;
top: 1px;
left: 50px;
}