skip to content

List of Menus






Latest demonstrations

  1. 11-08-2008
    A vertical concertina menu
  2. 08-08-2008
    Horizontal scrolling images
  3. 30-07-2008
    A flyout menu with breadcrumb trail
  4. 28-06-2008
    A horizontal concertina menu
  5. 13-05-2008
    Fixing the IE6 select box bug
  6. 16-03-2008
    Professional dropdown menu #11 - 3D series
  7. 04-03-2008
    Professional dropdown menu #10 - 3D series
  8. 02-03-2008
    Professional dropdown menu #9 - 3D series
  9. 29-02-2008
    A flyout menu over Flash object
  10. 14-02-2008
    A fix for the IE6 select box bug using an iframe shim
  11. 12-02-2008
    A professional dropline/ dropdown / flyout hybrid menu
  12. 28-01-2008
    A dropdown menu using images in place of text
  13. 24-01-2008
    Professional drop-down menu #7
  14. 27-12-2007
    A vertical slide with flyout sub menus
  15. 11-12-2007
    Pro left/right dropline menu
  16. 09-12-2007
    Pro dropline/dropdown menu
  17. 01-12-2007
    Skeleton drop-down menu #2
  18. 24-11-2007
    Professional drop-down menu #6
  19. 09-11-2007
    Skeleton drop-down menu
  20. 20-10-2007
    Tree Frogs take two
  21. 19-10-2007
    Pull down tabs menu
  22. 16-10-2007
    Tree Frog click/hover menu
  23. 15-10-2007
    An experimental click menu
  24. 13-10-2007
    Image professional drop-down menu #5
  25. 06-10-2007
    Variable width professional drop-down menu #4
  26. 04-10-2007
    Professional drop-down menu #3
  27. 02-10-2007
    Professional drop-down menu #2
  28. 26-09-2007
    Professional drop line menus
  29. 12-09-2007
    Professional drop tab menu
  30. 07-09-2007
    Professional drop line menu
  31. 04-09-2007
    Professional image drop-down
  32. 28-08-2007
    Professional drop-down with top level images
  33. 23-08-2007
    Professional horizontal series
  34. 21-08-2007
    A 5 level flyout with a twist
  35. 18-08-2007
    Experimental dropdown menu #7
  36. 17-08-2007
    Experimental dropdown menu #6
  37. 15-08-2007
    Experimental dropdown menu #5
  38. 14-08-2007
    Experimental dropdown menu #4
  39. 10-08-2007
    Experimental dropdown menu #3
  40. 10-08-2007
    Experimental dropdown menu #2
  41. 10-08-2007
    Experimental dropdown menu #1
  42. 05-08-2007
    An enlarging menu with shadow
  43. 03-08-2007
    A 'shutter' dropdown menu
  44. 29-07-2007
    A hexagon shaped menu
  45. 28-07-2007
    A lozenge dropdown menu
  46. 26-07-2007
    A zig-zag dropdown menu
  47. 18-07-2007
    A simple drop line menu
  48. 11-06-2007
    Another paged menu
  49. 10-06-2007
    A paged menu
  50. 29-05-2007
    Shrink-wrapped buttons menu
  51. 27-05-2007
    Shrink-wrapping buttons
  52. 25-05-2007
    Another neon tube menu
  53. 23-05-2007
    A dropdown 'scrolls' menu
  54. 20-05-2007
    A neon tube menu
  55. 17-05-2007
    A buttons menu
  56. 04-05-2007
    A drop lists menu
  57. 29-04-2007
    Centering the six level drop down menu
  58. 25-04-2007
    Two point menu
  59. 19-04-2007
    A tab highlight menu
  60. 18-04-2007
    A top pointer centered menu
  61. 10-04-2007
    Centering those float:left; menus
  62. 25-03-2007
    Side tabs with semi-transparent flyouts
  63. 22-03-2007
    Dropdown 5 sub-level with overlap and overrun
  64. 19-03-2007
    Flyout 4 sub-level with overlap and overrun
  65. 09-03-2007
    Tabbed with overlap and overrun
  66. 05-03-2007
    Dropdown scrolling menu
  67. 23-02-2007
    Vertical tabs v2 using gifs
  68. 19-02-2007
    Vertical tabs using gifs
  69. 18-02-2007
    Overlapping tabs using gifs
  70. 17-02-2007
    Overlapping tabs using pngs
  71. 16-02-2007
    Overlapping tabs type 2
  72. 13-02-2007
    Overlapping tabs
  73. 09-02-2007
    Mini tabbed pages
  74. 07-02-2007
    A menu with sloping sides.
  75. 02-02-2007
    Centered sliding doors
  76. 27-01-2007
    Final sliding doors drop line
  77. 26-01-2007
    Sliding doors drop line two
  78. 13-01-2007
    Sliding doors drop line

Information



The above is an index of all my navigation menus which range from the very simple to the more advanced.

PLEASE NOTE
Most of the early menus do not use lists. If you need to consider accessibility then they can easily be converted to 'definition lists' which I think are more suitable and easier to work with than unordered lists.

These menus all work in the latest versions of the most popular browsers but cannot be guaranteed to work in older browser version or some of the lesser known browsers. I am unable to test on Mac browsers so if you want to use any of my menu ideas on a Mac then you should check that it works on your particular platform / browser combination.

I have received feedback from Mac owners on many of these menus so it is always worth checking the comments on each page to see if there are any known problems.

Copyright

Most of my demonstrations can be used without asking for permission. However, some will require email approval first. Just check each page for the copyright requirements before use.


Recommended Sites

CSSplay web design/assistance

"The Citroën UK web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth

CSS play pages



CSS play recommend

Free, practical CSS menus, layouts, and examplesSitegrinderQuality UK Web HostingPSD to HTMLSocial Media Applications On Demand