SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    675
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Drop Down Menu Issues

    Hey guys have two issues with two drop down menus on my website I'm working on.

    First one is the main navigation

    http://modocom.ca/de/who-we-are/our-brand/

    The link above when you are selected on Who we are it stays colour as selected but the items inside are the dark blue background as well how can I make them white background black or blue font colour.

    The next issue is on this page...

    http://modocom.ca/de/category/projects/

    The subnav in the white bar when you roll over say Services or Discipline to show the dropdown it shifts the parents over, how can solve this so works like the main menu without the shifting.

    If someone could lend me a helping hand that would be excellent.

    Thanks fellas!!!

    Mike

  2. #2
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    675
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Fixed the issue with the bar shifting items over, just need the child styles fixed for selected parent items now.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You are styling the selected menu with this:

    Code:
    .navbar .selected  a {
        background: none repeat scroll 0 0 #002A5C !important;
        color: #FFFFFF !important;
    }
    That means any "a" element in that list (and nested list will get styled) by that rule. If you limit the styling to the immediate child you wil leave the nested list anchors as they were.

    e.g.
    Code:
    .navbar .selected > a {
        background: none repeat scroll 0 0 #002A5C !important;
        color: #FFFFFF !important;
    }
    (The child selector (>) is not ie6 compatible of course)

  4. #4
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    675
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Excellent worked for one of the dropdown menus but if you go to this page...

    http://modocom.ca/de/system-integration/

    It doesnt work under the What We Do dropdown only under the Who We Are.

    Thanks

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    You don;t seem to have added the rule I gave you.

    Code:
    .navbar .selected > a {
        background: none repeat scroll 0 0 #002A5C !important;
        color: #FFFFFF !important;
    }
    You seem to have used a more specific one that only applies to one item.

    Code:
    .navbar li.wpm-hover > a {.....


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
  •