Need Help with the " Insert Layer" function

[Tony M]

I am using FP2003 and this is the FIRST TIME I have tried to use the
Insert Layer function.

I have a list of items on my page and I want to place a diagonal red line
through with "sold" on it.

I can do it by creating a gif image but I thought It would be quicker if I
used the Insert Layer option.

This is what I did.
1. I created a transparent gif of a red diagonal line.
2. I selected the insert layer button and outlined the text I wanted the red
line through.
3. Placing the curser in the layer selection in inserted the redline.gif
image.

4. In design view everything ok
5. when I switch to "preview" the diagonal red line moves of the layered
area and drops down the page about 50mm

How can I get it to stay in the correct position on the layer.

Am I using the "Insert Layer function correctly ?

Is there another way to do what I want besides making the whole this a gif ?

TIA for help

Tony M

 

[Ronx]

Using layers in this fashion will generally fail. Browsers are not
controllable, nor is the size of text - so the layers will have the
appearance of moving around the page. Actually it's the page moving
around the layers.

One way of solving the problem is to use a relatively positioned div for
each item, then place the layer in the div.

Example:

<div style="position: relative">
Text and images for item
</div>

When sold:

<div style="position: relative">
Text and images for item
<div style="position: absolute;top: 0; left: 0;"><!-- change the
position to suit -->
<img src="images/sold.gif" alt="sold" width="100" height="100" />
</div>
</div>

The relative positioned div will ensure that the layer is always
positioned correctly with regard to the top-left of that div.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/