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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 17
  1. #1
    New Coder
    Join Date
    Jan 2011
    Posts
    77
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Question $10 for solution

    Ok guys, im willing to pay for the solution, got to get this site finished today!!

    Im having some trouble with a site im working on. In a nutshell, im using a navigation bar with dropdown and JS Fadeshow. When using the navbar dropdown, it goes BEHIND the fade show. If anyone could advise it would be great! I didnt attach the code as i think the best thing to do is just take a look yourself. Its alhambrarenovations. COM Thanks in advance

    Tell me what other info you need and i'll suply it.

  • #2
    Regular Coder Krupski's Avatar
    Join Date
    Dec 2010
    Location
    United States of America
    Posts
    505
    Thanks
    39
    Thanked 47 Times in 46 Posts
    Quote Originally Posted by embeebutterly View Post
    Ok guys, im willing to pay for the solution, got to get this site finished today!!

    Im having some trouble with a site im working on. In a nutshell, im using a navigation bar with dropdown and JS Fadeshow. When using the navbar dropdown, it goes BEHIND the fade show. If anyone could advise it would be great! I didnt attach the code as i think the best thing to do is just take a look yourself. Its alhambrarenovations. COM Thanks in advance

    Tell me what other info you need and i'll suply it.
    You may need to set z-index to keep your dropdown up front.

    Oh and keep the $10. I'm rich.
    "Anything that is complex is not useful and anything that is useful is simple. This has been my whole life's motto." -- Mikhail T. Kalashnikov

  • Users who have thanked Krupski for this post:

    embeebutterly (07-27-2011)

  • #3
    New Coder
    Join Date
    Jan 2011
    Posts
    77
    Thanks
    8
    Thanked 0 Times in 0 Posts
    tried that, not working i, afraid

  • #4
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    There is absolutely no way to put a drop down behind anything else. Change your design to avoid that super-impose aspect, or create a "fake" drop down" using some graphics, CSS and JavaScript.

    Now, Krupski, nor you were even entitled for those 10 bucks . Anyway, I am also rich, so that I don't need them.
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #5
    Regular Coder Krupski's Avatar
    Join Date
    Dec 2010
    Location
    United States of America
    Posts
    505
    Thanks
    39
    Thanked 47 Times in 46 Posts
    Quote Originally Posted by Kor View Post
    Now, Krupski, nor you were even entitled for those 10 bucks . Anyway, I am also rich, so that I don't need them.
    I'm not really rich... it was just fun to say.
    "Anything that is complex is not useful and anything that is useful is simple. This has been my whole life's motto." -- Mikhail T. Kalashnikov

  • #6
    New Coder
    Join Date
    Jan 2011
    Posts
    77
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Kor View Post
    There is absolutely no way to put a drop down behind anything else. Change your design to avoid that super-impose aspect, or create a "fake" drop down" using some graphics, CSS and JavaScript.

    Now, Krupski, nor you were even entitled for those 10 bucks . Anyway, I am also rich, so that I don't need them.

    Excuse me both of you but im the one giving the $10 away so who's the rich one here! LOL

    Seriously tho, im not trying to put it behind, im trying to bring it to the front! Just take a look and you will see what im on about

  • #7
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,511
    Thanks
    3
    Thanked 504 Times in 491 Posts
    posted in error
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/

  • #8
    Senior Coder Logic Ali's Avatar
    Join Date
    Sep 2010
    Location
    London
    Posts
    1,028
    Thanks
    0
    Thanked 207 Times in 202 Posts
    Code:
    #mainshow {
        position:relative;
        z-index:0;

  • Users who have thanked Logic Ali for this post:

    embeebutterly (07-27-2011)

  • #9
    New Coder
    Join Date
    Jan 2011
    Posts
    77
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Logic Ali View Post
    Code:
    #mainshow {
        position:relative;
        z-index:0;
    Smashing mate, i had z index 1 and 2 on the navbar!! Anyway cheers mate, pm your paypall addy!
    Last edited by embeebutterly; 07-27-2011 at 04:28 PM. Reason: Misstype

  • #10
    Regular Coder Krupski's Avatar
    Join Date
    Dec 2010
    Location
    United States of America
    Posts
    505
    Thanks
    39
    Thanked 47 Times in 46 Posts
    Quote Originally Posted by embeebutterly View Post
    Smashing mate, i had z index 1 and 2 on the navbar!! Anyway cheers mate, pm your paypall addy!
    @KOR: Guess I was right after all about the z-index thing, huh?
    "Anything that is complex is not useful and anything that is useful is simple. This has been my whole life's motto." -- Mikhail T. Kalashnikov

  • #11
    New Coder
    Join Date
    Jan 2011
    Posts
    77
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Thumbs up

    Quote Originally Posted by Krupski View Post
    @KOR: Guess I was right after all about the z-index thing, huh?
    I suppose you where, its only fair that i keep to my word, ... your Paypal email too!

  • #12
    Regular Coder Krupski's Avatar
    Join Date
    Dec 2010
    Location
    United States of America
    Posts
    505
    Thanks
    39
    Thanked 47 Times in 46 Posts
    Quote Originally Posted by embeebutterly View Post
    I suppose you where, its only fair that i keep to my word, ... your Paypal email too!
    No need. I'm rich!


    (you could click the "Thank You" button though... )
    "Anything that is complex is not useful and anything that is useful is simple. This has been my whole life's motto." -- Mikhail T. Kalashnikov

  • #13
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Quote Originally Posted by Krupski View Post
    @KOR: Guess I was right after all about the z-index thing, huh?
    It depends on the browser.

    Initially (an logically) a drop down was designed in HTML to cover everything. I doubt that a simple CSS solution will break that rule in all the browsers.

    Usually I overpass this problem by giving that drop down a display:none whenever I start a JavaScript feature which might cover it. And restore its display when that over-imposed element is to be hidden.
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #14
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,447
    Thanks
    76
    Thanked 4,372 Times in 4,337 Posts
    Kor's solution is the only thing that works in MSIE 6 and below.

    Of course, not many people use MSIE 6 and below any more. Thank goodness.

  • #15
    Regular Coder Krupski's Avatar
    Join Date
    Dec 2010
    Location
    United States of America
    Posts
    505
    Thanks
    39
    Thanked 47 Times in 46 Posts
    Quote Originally Posted by Old Pedant View Post
    Kor's solution is the only thing that works in MSIE 6 and below.

    Of course, not many people use MSIE 6 and below any more. Thank goodness.
    Yes but does it work in Lynx?




    "Anything that is complex is not useful and anything that is useful is simple. This has been my whole life's motto." -- Mikhail T. Kalashnikov


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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