Results 1 to 5 of 5

Thread: Overlapping PNG Menu's

  1. #1
    Join Date
    Mar 2011
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Overlapping PNG Menu's

    I have a fantasy football league and Im creating my website for it. I was checking out nfl.com and I saw that most of their menus are single pngs that overlap. So it is one single png file; menu at the bottom links above the menu and above those links are the mouseover effect, but this is all on one single png. how do they do this, does anyone have code for that.

    the static png link is:

    http://css.static.nfl.com/static/sit...-headlines.png

    if you go on nfl.com right now you will see the same menu in effect.

    Thanks

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    The png is used as a css sprite. You can read more about that here.
    You may be able to make a similar kind of menu with a tab script like this

  3. The Following User Says Thank You to azoomer For This Useful Post:

    msalmeron (03-09-2011)

  4. #3
    Join Date
    Mar 2011
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default yes

    genius, exactly what i was looking for. thanks a lot

  5. #4
    Join Date
    Mar 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks! I'm going to look at.

  6. #5
    Join Date
    Mar 2011
    Location
    Willmar
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    nice, friendly up !!

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
  •