If your table is centred on the page, it will move as the browser window is resized. The layer won't. I suggest a combined image, and use an image map to make a link over the small graphic.
This is a discussion on layer over table cell? - Adobe Tools ; Hello: I have a page which will require the temporary addition of a small graphic, for a specific short-term promotion for the client. The page consists of a table, with all elements within the table cells.The top cell contains the ...
Hello:
I have a page which will require the temporary addition of a small graphic, for a specific
short-term promotion for the client. The page consists of a table, with all elements within the table cells.The top cell contains the main banner head for the site, which is a single image.
The problem: I need to position this little button graphic on top of this banner.
Here's a link to the page, for discussion purposes, without the button:
<http://www.ourwhitehouse.org/intro.html>
This small button graphic needs to position over the left end of the top banner, partially obscuring the "e" in House. It will be a separate link, to take visitors to the page for the special offer, and it will only be up for a short time. I wanted to simply drag a layer over the banner image, plunk the button gif into it, link that gif to the special page, and be done.
But when I try to position the layer it won't simply float over the banner image. Even if I can get it close to the right position in Layout view and it looks ok in Preview, it's WAY off in PDF Preview and in an actual Safari window.
Am I using the layer incorrectly? Is the problem that the layer and the original banner image can't be placed in the table cell together? Or is there a way to do this?
I can simply make a new gif of the main banner with the button included - but then the link will be from the entire banner, and not just from the button, which I would rather avoid, as it seems clumsy, and particularly as the button is only current for a short time. Let me know if there's a good way to do this -
I can also post a version with the out-of-place button if that's helpful -
tia
If your table is centred on the page, it will move as the browser window is resized. The layer won't. I suggest a combined image, and use an image map to make a link over the small graphic.
There's an alternate approach.
Change this -
</head>
to this -
<style type="text/css">
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
</style>
</head>
(the width is just a guess - you can change it as needed)
change this -
<body ...>
(the ellipsis represents any other attributes that might be mentioned in the
body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
<!-- /wrapper -->
</div>
</body>
and see if that helps. (you may have to reposition your layer, but once
positioned, it will stay aligned)
If this doesn't work for you, then please post a link to your page so we can
see what you are working with.
--
Murray
-------------
Adobe Community Expert (Dreamweaver)
Just don't reposition it by dragging.