Unruly layers

[vorel]

Problem: unable to get layers to stay in place. I have a table broken into a number of cells, each of which has a thumbnail image plus a couple lines of brief text summarizing items for sale. When an item is sold I want to superimpose the word "Sold" over the thumbnail and text. I can create this effect both with a layer and/or WordArt; but no matter how I go about it the layer or wordart shifts out of the cell whenever the monitor's resolution is changed. This of course is problematic since "Sold" will then move atop an unsold item. In "design view" I have tried to put the base layer--the thumbnail and text--in its own layer: "layer 1"; and the WordArt in "layer 2"; then, for "Position..." I select "Relative" for layer 1. Everything then looks and works great at any resolution UNTIL you hit "preview" or "preview in browser," at which time both layers pop out of the cell to some arbitrary position on the page. Does anyone know how to lock the base items AND layer in place within a cell so that it remains locked there at any resolution?
Thank you
Vorel

 

[Stefan B Rusynko]

For cross browser (level 4+) compatibility drop the positioning and the word art

Make your thumbnail a background image for the cell (size the cell same as the image)
For the unsold state add a transparent .gif to the cell (and a hyperlink) to whatever
For the sold state add another transparent gif w/ the Sold Text and remove the hyperlink



| Problem: unable to get layers to stay in place. I have a table broken into a number of cells, each of which has a thumbnail image
plus a couple lines of brief text summarizing items for sale. When an item is sold I want to superimpose the word "Sold" over the
thumbnail and text. I can create this effect both with a layer and/or WordArt; but no matter how I go about it the layer or wordart
shifts out of the cell whenever the monitor's resolution is changed. This of course is problematic since "Sold" will then move atop
an unsold item. In "design view" I have tried to put the base layer--the thumbnail and text--in its own layer: "layer 1"; and the
WordArt in "layer 2"; then, for "Position..." I select "Relative" for layer 1. Everything then looks and works great at any
resolution UNTIL you hit "preview" or "preview in browser," at which time both layers pop out of the cell to some arbitrary position
on the page. Does anyone know how to lock the base items AND layer in place within a cell so that it remains locked there at any
resolution??
| Thank you!
| Vorel

 

[jon spivey]

Hi,
layers are not meant to go in table cells. To position something inside a
table cell use margins/padding in CSS, eg
<style type="text/css">
..myClass{
padding-left:10px;
padding-top:30px;
}
</style>
and then apply this class to the cell

<td><div class="myClass">stuff</div></td>

the conntent will appear 10 pixels in from the left and 30 pixels down. Note
we have to put a div inside the cell for NN4 support - this browser doesn't
support padding applied directly to <td>

--
Jon
Microsoft MVP - FP

Problem: unable to get layers to stay in place. I have a table broken into

a number of cells, each of which has a thumbnail image plus a couple lines
of brief text summarizing items for sale. When an item is sold I want to
superimpose the word "Sold" over the thumbnail and text. I can create this
effect both with a layer and/or WordArt; but no matter how I go about it the
layer or wordart shifts out of the cell whenever the monitor's resolution is
changed. This of course is problematic since "Sold" will then move atop an
unsold item. In "design view" I have tried to put the base layer--the
thumbnail and text--in its own layer: "layer 1"; and the WordArt in "layer
2"; then, for "Position..." I select "Relative" for layer 1. Everything then
looks and works great at any resolution UNTIL you hit "preview" or "preview
in browser," at which time both layers pop out of the cell to some arbitrary
position on the page. Does anyone know how to lock the base items AND layer
in place within a cell so that it remains locked there at any resolution??