CSS Horizontal Menu - Silky look - Free

Discussion in 'CSS' started by nals, Dec 7, 2007.

  1. #1
    Horizontal CSS menu, I will add more colors & Designs to files folder later

    http://www.hfolder.com/cssmenu/

    Do not remove Credit inside css file , Thanks


    Comments welcome ! ;)
     
    nals, Dec 7, 2007 IP
  2. Noddegamra

    Noddegamra Peon

    Messages:
    1,013
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #2
    That looks really nice, well done :)

    I have bookmarked the page and may use your script on one of my future projects. Thankyou for your time on this :)
     
    Noddegamra, Dec 7, 2007 IP
  3. nals

    nals Peon

    Messages:
    168
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Your welcome Noddegamra.
    We all learning & Helping each other :)
     
    nals, Dec 7, 2007 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Cute, but WAY too much CSS for something so simple... but then being it's credited to dynamic drive I can't say I'm too shocked.

    Multiple .gif's where one would do the job, verbose properties, redundant properties...

    Ok, let's rewrite a bit.

    First, let's do it with floats:
    http://battletech.hopto.org/for_others/nals/template.html

    Then without floats using display:inline
    http://battletech.hopto.org/for_others/nals/template2.html

    The directory:
    http://battletech.hopto.org/for_others/nals

    is unlocked so folks can grab the gooey bits easier. Uses a single image that is smaller than any one of the original images, but has all six color states available. I used default3 as the menu background since the image that was being called there seems to be a dead link.

    Tested fine in IE 5.5, 6 & 7, Opera, Safari and Firefox.

    There's also a visited state which I set to use the purple background, but I disabled it for non-live testing.
     
    deathshadow, Dec 7, 2007 IP
  5. nals

    nals Peon

    Messages:
    168
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    deathshadow
    Thanks for the tip :)
    Nice work.
     
    nals, Dec 7, 2007 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    What's that zoom thing? How does it trigger Haslayout if it's not a height or a width (which I've been told are what set it off)? Can I use it everywhere instead of the height 1% thing???
     
    Stomme poes, Dec 7, 2007 IP
  7. Noddegamra

    Noddegamra Peon

    Messages:
    1,013
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I don't like how "home" stays green throughout, but yes much nicer code :)
     
    Noddegamra, Dec 7, 2007 IP
  8. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #8
    Yes, you can - but zoom is a IE specific property so don't plan on it validating. (given that I use * html all the time, am forced to use -moz to get the simplest of CSS 2 things working right, and a host of other workarounds CSS validation is cute for catching not closing properties, but otherwise a joke - ooh look, it needs to warn me 30 times that I set a background without setting the foreground color - **** that.)

    I just grabbed the images and threw them on willy nilly just to show how they can be placed. Don't like it - edit the image.
     
    deathshadow, Dec 7, 2007 IP
    Noddegamra likes this.