SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    horizontal dropdown menu tweaks

    I need to tweak a horizontal menu for two issues and to consider a revision.
    The menu is based on Paul O'Brien's here:
    http://www.pmob.co.uk/temp/dropdown_horizontal2.htm
    My rendition is here:
    http://www.clickbasics.com/elsakfibe...ign/index.html
    where the one dropdown menu is "products."

    Tweak #1:
    The products dropdown menu drops behind the images and text on the page. How do I get it to drop down in front?

    Tweak #2:
    When you hover over the second item in the dropdown menu, the menu disappears. Why is this, and how do I get it to persist so that the second and third items can be selected?

    Revision under consideration. I'd like to see how this works if instead of the menu items dropping down, they display horizontally under the top item. How do I do this?
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  2. #2
    SitePoint Addict Fre420's Avatar
    Join Date
    Nov 2005
    Location
    Leuven, Belgium
    Posts
    211
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    tweak #1 :

    css renders with a z-index.
    This means that every element lower in the html, has a higher z-index & will be placed on top of the previous ones (or lower).
    you can change this easily by giving
    Code:
    #nav_main {z-index:5}
    #content {z-index:2}
    the z index of the content should be lower then that of the nav_main.


    Revision
    give the li item of products & position:relative.
    give the ul item inside that li a position:absolute.
    now you can position that ul the way you want, center it under the products tab.
    give that ul item a width of 420px; & a height of 30px;
    now your Tweak #2 should be fixed too.

    cheerz, Fré

  3. #3
    SitePoint Addict Fre420's Avatar
    Join Date
    Nov 2005
    Location
    Leuven, Belgium
    Posts
    211
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ow and a hint for better sales :

    use a better model on the picture

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    use a better model on the picture
    ouch - that's cruel

  5. #5
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fre420,

    Thanks. Your tweak #1 cured the problem I was trying to solve with tweak #2. So, I'll hold off on the revision for now.

    One more thing, my client may want sub-sub-navigation, i.e. sub-items under the items in the "products" menu Any thoughts on how to handle that?

    Re: a better model.

    I agree. However, it will require tact for me to bring it up with my client.

    Paul C.
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  6. #6
    SitePoint Addict Fre420's Avatar
    Join Date
    Nov 2005
    Location
    Leuven, Belgium
    Posts
    211
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by paulcj2 View Post
    Fre420,

    Thanks. Your tweak #1 cured the problem I was trying to solve with tweak #2. So, I'll hold off on the revision for now.

    One more thing, my client may want sub-sub-navigation, i.e. sub-items under the items in the "products" menu Any thoughts on how to handle that?

    Re: a better model.

    I agree. However, it will require tact for me to bring it up with my client.

    Paul C.
    I would advice against it. The first look I had at the site didn't make me think it was huuuge.

    now I think you can setle with a two level navigation as main navigation.
    you can put a second left navigation for third navigation level.
    it'll be hard enough for your visitors to get the secondary level, don't push them yet to the third in one click.
    For the much visited pages on third level, you better create some good navigation paths. link from the home page, links from first / secondary level etc ..


Bookmarks

Posting Permissions

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