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 6 of 6
  1. #1
    New Coder
    Join Date
    Jul 2005
    Posts
    92
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Drop Down menu not working with z-index

    I'm going crazy.

    The Site: http://www.newcovenant-th.org/

    It's my Church's website and I'm needing to add more content but the setup doesn't allow. Rather than redesign the website I decided to try and replace the links in the blue bar at the top with a css drop down menu. I tried a few things and couldn't get it to work and came to the conclusion that I needed the content in divs to allow for z-index.

    I broke up the old content (organized into tables) and stuck it in divs and gave each an appropriate z-index. The links section has the highest z-index however, it displays under the content in the main window under it. The content is housed in an iframe . . . is that the problem?

    I'm pulling my hair out here and I'm kind of on a time clock. Does anyone have a solution or ideas that might work as well as the drop down menu?

  • #2
    New Coder
    Join Date
    Jul 2005
    Posts
    92
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Anyone? Lol maybe I'll just do flash.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Styles2304 View Post
    Anyone? Lol maybe I'll just do flash.
    You could try a list.
    Look at my "Sources" page. Look at the code. It's all there, CSS as well.

    http://exitfegs.co.uk/Sources.html

    View source.


    Frank
    Last edited by effpeetee; 01-05-2008 at 10:59 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    New Coder
    Join Date
    Jul 2005
    Posts
    92
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Ok well . . . I have a menu system that, while ugly, functions just not entirely properly. When you hover over media, the sub menu pops under the the div below it. There are 3 real divs

    1.) Header z-index: 3
    2.) Links (on top of header) z-index: 4
    3.) Content z-index: 3

    Any idea why the menu items in the links sections (which have a z-index of 500) pop under the content div?

    Also, in IE, the menu doesn't even show up when you hover over the top parent (media).

    Any help is greatly appreciated.

  • #5
    New Coder
    Join Date
    Jul 2005
    Posts
    92
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Solved
    Last edited by Styles2304; 01-06-2008 at 02:23 PM. Reason: SOLVED

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Styles2304 View Post
    Solved
    Why not tell us how you solved it so that we can all benefit.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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