layer over table cell? - Adobe Tools

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 ...

+ Reply to Thread
Results 1 to 4 of 4

layer over table cell?

  1. Default layer over table cell?

    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

  2. Default Re: layer over table cell?

    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.

  3. Default Re: layer over table cell?

    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)


  4. Default Re: layer over table cell?

    Just don't reposition it by dragging.

+ Reply to Thread