Coding for layers

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I am trying to recode so that a layer I have inserted will move when the
window is resized. I have read all of the posts about this, particularly by
Murray. However, I am a beginner at this, and am not certain I have it down
right. I am uncertain if I spaced everything correctly. The post from
Murray I used read as follows:

ADD THIS CSS TO THE HEAD OF THE PAGE. Change this -

</head>

to this -

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:750px; margin:0 auto; position:relative; }
-->
</style>
</head>

ADD THIS MARKUP TO THE PAGE ITSELF. Change this -

<body...>

to this -

<body...>
<div id="wrapper">

and this -

</body>

to this -

</div><!-- /wrapper -->
</body>

and see what happens.

I made changes to 3 lines of text and came up with these:

<style type="text/css"><!--body { text-align:center: }#wrapper
{text-align:left; width705px; margin:0 auto; position:relative
}--></style></head>

<body onload="FP_preloadImgs(/*url*/'button5.jpg', /*url*/'button6.jpg',
/*url*/'button9.jpg', /*url*/'buttonA.jpg', /*url*/'buttonC.jpg',
/*url*/'buttonD.jpg', /*url*/'button6A.jpg', /*url*/'button6B.jpg',
/*url*/'button6E.jpg', /*url*/'button6F.jpg', /*url*/'button72.jpg',
/*url*/'button73.jpg', /*url*/'button75.jpg', /*url*/'button76.jpg',
/*url*/'button78.jpg', /*url*/'button79.jpg', /*url*/'button7B.jpg',
/*url*/'button7C.jpg', /*url*/'button7E.jpg', /*url*/'button7F.jpg',
/*url*/'button81.jpg', /*url*/'button82.jpg', /*url*/'button84.jpg',
/*url*/'button85.jpg', /*url*/'button87.jpg', /*url*/'button88.jpg',
/*url*/'button8A.jpg', /*url*/'button8B.jpg', /*url*/'button18.jpg',
/*url*/'button19.jpg', /*url*/'button2E.jpg')"><div id="wrapper">

</div><!-- /wrapper --></body>

Needless to say, it still does not work. If anyone could offer any advice
it would be appreciated. Thanks.
 
Add some content

<div id="wrapper">Some text here</div>



--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


|I am trying to recode so that a layer I have inserted will move when the
| window is resized. I have read all of the posts about this, particularly by
| Murray. However, I am a beginner at this, and am not certain I have it down
| right. I am uncertain if I spaced everything correctly. The post from
| Murray I used read as follows:
|
| ADD THIS CSS TO THE HEAD OF THE PAGE. Change this -
|
| </head>
|
| to this -
|
| <style type="text/css">
| <!--
| body { text-align:center; }
| #wrapper { text-align:left; width:750px; margin:0 auto; position:relative; }
| -->
| </style>
| </head>
|
| ADD THIS MARKUP TO THE PAGE ITSELF. Change this -
|
| <body...>
|
| to this -
|
| <body...>
| <div id="wrapper">
|
| and this -
|
| </body>
|
| to this -
|
| </div><!-- /wrapper -->
| </body>
|
| and see what happens.
|
| I made changes to 3 lines of text and came up with these:
|
| <style type="text/css"><!--body { text-align:center: }#wrapper
| {text-align:left; width705px; margin:0 auto; position:relative
| }--></style></head>
|
| <body onload="FP_preloadImgs(/*url*/'button5.jpg', /*url*/'button6.jpg',
| /*url*/'button9.jpg', /*url*/'buttonA.jpg', /*url*/'buttonC.jpg',
| /*url*/'buttonD.jpg', /*url*/'button6A.jpg', /*url*/'button6B.jpg',
| /*url*/'button6E.jpg', /*url*/'button6F.jpg', /*url*/'button72.jpg',
| /*url*/'button73.jpg', /*url*/'button75.jpg', /*url*/'button76.jpg',
| /*url*/'button78.jpg', /*url*/'button79.jpg', /*url*/'button7B.jpg',
| /*url*/'button7C.jpg', /*url*/'button7E.jpg', /*url*/'button7F.jpg',
| /*url*/'button81.jpg', /*url*/'button82.jpg', /*url*/'button84.jpg',
| /*url*/'button85.jpg', /*url*/'button87.jpg', /*url*/'button88.jpg',
| /*url*/'button8A.jpg', /*url*/'button8B.jpg', /*url*/'button18.jpg',
| /*url*/'button19.jpg', /*url*/'button2E.jpg')"><div id="wrapper">
|
| </div><!-- /wrapper --></body>
|
| Needless to say, it still does not work. If anyone could offer any advice
| it would be appreciated. Thanks.
 
Back
Top