Ask a Question related to HTML & CSS, Design and Development.

  1. #1

    Default Help with layers

    Here´s the issue:

    I want to create a web site viewable either in 1024x768 and 800x600. So i
    created a table with weight=750 pixels and height = 540 pixels. Next, i
    wanted to make a menu similar to the menu in [url]www.w3-edge.com[/url] using layers.
    Layers seem to have a life of their own (i can´t place them with DW because
    it doesn´t matter where they stay, the code will always be: left: XXXpx;
    top: YYYpx, XXX and YYY are the coordinates in where i place them) and
    having a layer in left: 200px; top: 300px; it makes a big difference if you
    are viewing the site with resolution 800x600 or 1024x768). So i decided to
    calculate the left and top positions using screeen.weight and screen.height.
    For example, the table has 3 columns, the first has 230px, the second 270 px
    and the last 250px. If i want to put a layer in the 3rd column, the left
    coordinates is: screen.weight-750+230+270px. The layer is shown in the 3rd
    row either in 1024x768 or 800x600. So, if i want to place another layer in
    the 2nd column it gets: left: screen.weight-750+230px. However it appears in
    the 3rd column, over the 1st layer. It doesn´t matter the size of the
    layers, from the second on they appear in the 3rd column over the 1st layer.
    Can anyone help me to figure out what´s wrong?


    Miguel Ângelo Guest

  2. Similar Questions and Discussions

    1. Layers help
      Hello. I am working on a site where I need the navigation to have 2 dropdowns with links - they are images, not text. I created it in DW and they...
    2. help on layers
      Ok my teacher gave me a paper on how to creat a type of vedio game on flash. The paper tells me to use layers. I do as it says but it also tells me...
    3. Fill layers vs Pixel layers
      What is the difference between a fill layer and a pixel layer that contains a flat color? (Beside the capacity to paint different colors into the...
    4. FreeHand Layers to Acrobat Layers
      Hi, I have noticed that in Acrobat 6 that you can have layered documents and I 'm wanting to know if there is a way to create a layered PDF from a...
    5. layers!!!! what joy!!
      have been playing with layers of late, and need help!!!! layers seem to tether themselves to say the top left hand corner of the page, is there...
  3. #2

    Default Re: Help with layers

    Miguel:
    > created a table with weight=750 pixels and height = 540 pixels
    Be aware that table height is not valid HTML, and is unreliable when used
    for page structure.
    > it makes a big difference if you are viewing the site with resolution
    800x600 or 1024x768

    Only if your page has centering content within other containers, like
    tables. The layers are fixed on the page at the location defined by Left
    and Top settings. All other page content *may* move about as it centers.
    > Can anyone help me to figure out what´s wrong?
    I suggest that you take a look at the LayerDesigner2 extension or the
    SnapLayer extension over at the PVII site ([url]http://www.projectseven.com/[/url]) - I
    think they will do what you want....

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver MX
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
    ANSWERS
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "Miguel Ângelo" <majr@portugalmail.pt> wrote in message
    news:bq7vmp$opm$1@forums.macromedia.com...
    > Here´s the issue:
    >
    > I want to create a web site viewable either in 1024x768 and 800x600. So i
    > created a table with weight=750 pixels and height = 540 pixels. Next, i
    > wanted to make a menu similar to the menu in [url]www.w3-edge.com[/url] using layers.
    > Layers seem to have a life of their own (i can´t place them with DW
    because
    > it doesn´t matter where they stay, the code will always be: left: XXXpx;
    > top: YYYpx, XXX and YYY are the coordinates in where i place them) and
    > having a layer in left: 200px; top: 300px; it makes a big difference if
    you
    > are viewing the site with resolution 800x600 or 1024x768). So i decided to
    > calculate the left and top positions using screeen.weight and
    screen.height.
    > For example, the table has 3 columns, the first has 230px, the second 270
    px
    > and the last 250px. If i want to put a layer in the 3rd column, the left
    > coordinates is: screen.weight-750+230+270px. The layer is shown in the 3rd
    > row either in 1024x768 or 800x600. So, if i want to place another layer in
    > the 2nd column it gets: left: screen.weight-750+230px. However it appears
    in
    > the 3rd column, over the 1st layer. It doesn´t matter the size of the
    > layers, from the second on they appear in the 3rd column over the 1st
    layer.
    > Can anyone help me to figure out what´s wrong?
    >
    >

    Murray *TMM* Guest

  4. #3

    Default Re: Help with layers

    Learn JavaScript... properly learning something (instead of plugging in
    something done by somebody else) will greatly enhance your understanding of
    the medium and growth as a designer. You'll be able to do new, unique
    things, instead of only duplicate what has gone before.


    rob :: digitalburn Guest

  5. #4

    Default Help With Layers

    I would like the SWF to play behind the drop down menus. Someone gave me the
    sugestion of using layers. So I created a layer and set the SWF Z-index to -1
    and it still doesn't work.

    [url]http://www.beholdme.com/test/index.htm[/url]

    Any Suggestions?

    s2aebelt Guest

  6. #5

    Default Re: Help With Layers

    > So I created a layer and set the SWF Z-index to -1

    That can't work.

    All Active content on a page will always rise to the top, so to speak,
    including Flash, certain form elements, Java applets, and Active X controls.
    This means that each of these will poke through layers. There is not a good
    cross-browser/platform reliable way to solve this issue, but if you can be
    confident in your visitors using IE 5+ or NN6+, then you can use the Flash
    wmode parameter.

    MM articles:
    [url]http://www.macromedia.com/support/flash/ts/documents/flash_top_layer.htm[/url]
    [url]http://www.macromedia.com/support/flash/ts/documents/wmode.htm[/url]

    Aziz's solution -
    [url]http://www.bezworks.com/lab/opaque.htm[/url]


    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "s2aebelt" <webforumsuser@macromedia.com> wrote in message
    news:dg782o$1fn$1@forums.macromedia.com...
    >I would like the SWF to play behind the drop down menus. Someone gave me
    >the
    > sugestion of using layers. So I created a layer and set the SWF Z-index
    > to -1
    > and it still doesn't work.
    >
    > [url]http://www.beholdme.com/test/index.htm[/url]
    >
    > Any Suggestions?
    >

    Murray *TMM* Guest

  7. #6

    Default Re: Help With Layers

    Thanks I will try this and tell you how it goes.

    Thanks Again.
    s2aebelt Guest

  8. #7

    Default Re: Help With Layers

    Good luck!

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "s2aebelt" <webforumsuser@macromedia.com> wrote in message
    news:dg7i86$gjl$1@forums.macromedia.com...
    > Thanks I will try this and tell you how it goes.
    >
    > Thanks Again.

    Murray *TMM* Guest

  9. #8

    Default Help with layers

    Hi everyone,

    I need some help with a layering issue. I'm trying to make some fly-out menus
    from a vertical menu bar on the left side of the page. I have the menus appear
    and disappearing correctly as long as you're mousing over anything on the menu
    bar; but when you mouse over the main body of the page without going back to
    the main menu bar, then the fly-out menu stays on the page and won't disappear.
    I've never had this problem with fly-outs before... I haven't done a lot of
    them, but I checked and checked the code and don't know what's wrong.

    I have the z-index set so that the layer for the images that call the fly-out
    menus onMouseOver is set to 9, the layers that are supposed to hide the
    fly-outs again after you mouse away from them are set to z-index of 10, and the
    fly-outs themselves are set to z-index 11.

    Also, in Internet Explorer there is a problem where one row is too large
    (height). It looks fine in Netscape, exactly to the height that I set it with
    the <tr> tag and an image that is used in that row as well. I have some text in
    it, but the text is set to a CSS style that has no extra padding and where the
    font size is quite small. It shouldn't disrupt the overall height of the row.
    The problem is, this makes some of the fly-out menu layers below appear in the
    wrong position on the page (too high up). Any suggestions.

    The URL for the page I'm struggling with is
    [url]http://www.walshcarlines.com/new/template2.html[/url].

    I'm so, so stuck and would really appreciate some help. Thank you in advance
    very much!

    Tracy

    Softrak Guest

  10. #9

    Default Re: Help with layers

    Buy one of the menuing systems from [url]www.ProjectSeven.com[/url].

    The code is bullet proof, there's a DW extension, and they're cheap.
    DW_Steve Guest

  11. #10

    Default Re: Help with layers

    Thanks for the tip! Fortunately, though, I managed to resolve my menu problem
    just today, so all's good now. Well, NS and IE still don't place the fly-outs
    in identical places (about 4 pixels difference) but that's liveable for me.

    Softrak Guest

  12. #11

    Default Help with layers

    Heres the situation so far, I've got a page(page1) that has a drop down box
    with the items "plan1" "plan2" and "plan3" that a user can select. I have
    another page (page2) which has three different layers corresponding to each
    drop down selection.

    What I want is for the user to be able to chose plan2 click next and be taken
    to the next page which will dispaly the plan2 layer but hide the other 2
    layers. Any ideas as i'm really stuck?

    Thanks!

    Snake*byte Guest

  13. #12

    Default Help with layers

    I am trying to create layers of larger images that appear when the mouse rolls
    over the thumb nails. My problem is that the images don't line up the same from
    browser to browser. Anyone out there have a possible solution?

    the problem can be viewed at
    [url]http://www.nobledesigns.com/silvermuse/person.html[/url]... note, the images are
    aligned perfectly in Dreamweaver...

    litespeed2002 Guest

  14. #13

    Default Re: Help with layers

    sorry, correct url is

    [url]http://www.nobledesigns.com/silvermuse/person.html[/url]
    litespeed2002 Guest

  15. #14

    Default Re: Help with layers

    Don't do this that way.

    Take a look here -

    [url]http://www.projectseven.com/[/url]

    and find the ShowPic extension - a great way to do such things....

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "litespeed2002" <webforumsuser@macromedia.com> wrote in message
    news:e8moi6$55f$1@forums.macromedia.com...
    >I am trying to create layers of larger images that appear when the mouse
    >rolls
    > over the thumb nails. My problem is that the images don't line up the same
    > from
    > browser to browser. Anyone out there have a possible solution?
    >
    > the problem can be viewed at
    > [url]http://www.nobledesigns.com/silvermuse/person.html[/url]... note, the images are
    > aligned perfectly in Dreamweaver...
    >

    Murray *ACE* Guest

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139