SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2003
    Location
    Miami
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css fly out navigation

    Hello everyone. I'm having a problem with my navigation at http://www.banler.com. If you visit, you can see that I use a persistent drop down menu for my top navigation style, and a rollover for my bottom navigation style.

    However, I'd like to change both of these to a fly out menu like the one at http://www.cssplay.co.uk/menus/flyoutt.html, however, as you can see, they are contained by two different color schemes. Any way to make these seperate css style sheets that will have two different color schemes?

  2. #2
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i couldnt find the drop down menu on your site and i didnt quite understand the question but i'll try my best

    if you want two <ul>s each with a different colour scheme try styling them using a class.. the way you would if you were using multiple style links

    if its that the second level of <ul>s are a different colour then thats
    #name ul ul {}

  3. #3
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you tried using the Suckerfish dropdown menu?

    http://www.htmldog.com/articles/suckerfish/dropdowns/

    The only change I suggest making when using it is to ditch the script (and the CSS class style that goes with it) for a .htc file (so you can also use :active and :focus on the styles as well for IE - as long as scripting is enabled). You can get the .htc file here:
    http://www.xs4all.nl/~peterned/csshover.html


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
  •