Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,773
    Thanks
    19
    Thanked 155 Times in 146 Posts

    CSS positioning and z-index?

    As it is right now, I have a drop-down javascript menu that is covered by a flash banner directly underneath it, in such a way that if you try to access the different levels of the javascript menu, you can't because the flash banner is hiding them....

    See this page to see exactly what I'm talking about:

    http://www.mediamogulsweb.com/job_search.shtml

    Can someone show me an example of how I could use CSS positioning and z-index to fix this problem...I attempted this, but am having difficulties...

    Thanks.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #2
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Unfortunately you can't fix this with z-index.
    Here's the fix: http://dotnetjunkies.com/WebLog/jkin...07/21/488.aspx

    I take no responsibility for the above nonsense.


    Left Justified

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Ditch the banner...

    Heh... I'd say, get rid of the banner altogether; it annoys the pants off of me... Or at least relocate it, like anywhere above your menu bar.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #4
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,773
    Thanks
    19
    Thanked 155 Times in 146 Posts
    Seriously, maybe you should wear a belt....

    I cannot ditch the banner completely -- I have my reasons....

    I've been playing around with putting the banner elsewhere, but above the toolbar is out of the question....it needs to be visible when the visitor first comes to the page, but it shouldn't disrupt the site design template...I'd love nothing more than to move the banner somewhere else and avoid the above problem, but I really don't know where else to put it....

    The banner itself is rough around the edges....It will look nicer in the future...but for now, I need to figure out how to fit it nicely in the page...
    Last edited by chump2877; 01-26-2005 at 09:51 AM.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #5
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,773
    Thanks
    19
    Thanked 155 Times in 146 Posts
    Quote Originally Posted by mindlessLemming
    Unfortunately you can't fix this with z-index.
    Here's the fix: http://dotnetjunkies.com/WebLog/jkin...07/21/488.aspx
    Seems like a good fix, but I'm not that adept with DHTML (outside of the DHTML code generated by script editors)....I went to this page (http://dotnetjunkies.com/WebLog/jkin...0/30/2975.aspx) to try and adjust the code in their example to fit my page, but I can't seem to get it to work...Even with the invisible iframe in there, the div tags surrounding the flash banner set similarly, and the DHTML code in the header, the javascript menu levels are still covered by the banner....

    I'm at a loss, and unfortunately I don't have the current know-how to proceed much further than I already have...If someone could walk me through how I might apply the above example code to my page, I would be very grateful....

    Note: The code on my site doesn't have the DHTML in it because I was attempting to fix the page off-line...If you want me to post the code that I have so far, I will if you think it will help....

    Thanks.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #6
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,773
    Thanks
    19
    Thanked 155 Times in 146 Posts
    How do I transfer this message thread to the javascript programming forum, without double-posting? My questions really don't pertain to HTML/CSS anymore...

    Thanks.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #7
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Just email or pm a moderator, they'll get it taken care of for you

  • #8
    Super Moderator sage45's Avatar
    Join Date
    May 2002
    Posts
    1,059
    Thanks
    0
    Thanked 13 Times in 13 Posts
    Moving per user request...

    -sage-
    HTML & CSS Forum Moderator

    "If you don't know what you think you know, then what do you know."
    R.I.P. Derrick Thomas #58
    1/1/1967 - 2/8/2000

  • #9
    New to the CF scene
    Join Date
    Jan 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ive seen some site tackle this problem before.. except it was with an annoying form i believe instead of flash.. but the principle should be the same

    when your menu appears you just style.display='none' or style.visiblity='hidden' the banner object... and when the menu disappears you just turn back on display for your banner...

    this may not be exactly what you are looking for but it _should_ work.

    (note to keep formatting space you should have the banner in a specificallly sized container element of some kind)

    [edit]

    I see now that is what the code in your link is doing.. except you don't need an iframe.. any parent tag containing your banner will work as a 'shim' to hold the width and the height in place when your banner is turned off....

    even another trick you could do other than actually turn the sucker off is to move it off screen... when the menu loads you could simple set the margin-top and margin-left of the banner to be -9999em or something, so it would not render in a place that could overlap your menu. again it would have to be in a container 'shim' element to hold the position for it upon returning
    Last edited by ednark; 01-27-2005 at 01:39 PM.


  •  

    Posting Permissions

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