CSS

play

Experiments with Cascading Style Sheets

Image drop down menu

28th January 2008

• Fruit
  • Apples
  • Oranges
  • Pears
  • Bananas
  • Lemons
• Vegetables
  • Potatoes
  • Carrots
  • Turnips
  • Parsnips
• Greens
  • Cabbages
  • Cauliflowers
  • Green Beans
  • Sprouts
  • Peas
  • Broccoli
• Nuts
  • Almonds
  • Cashews
  • Walnuts
  • Pistachios

copyright © stu nicholls - CSS play

Information

This one is for all those who have asked for a dropdown menu that has images instead of text. Although the menu uses text for screen readers it uses image replacement to have images in the background.

I have also added an extra feature in the dropdown which shows the text in a small box to the right of each image. This can be removed if not needed.

If you require a zip file for this menu then email me stating if it is for personal no-profit use or commercial use.

Copyright

Because of all the time and effort spent in producing this demonstration
I would ask that you respect my copyright.

1. If you are using this on a personal web site then please add a link back to CSSplay and retain any copyright comment in the stylesheet.
   A donation to the 'Support CSSplay' fund would be appreciated.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and in this case a donation to the 'Support CSSplay' fund is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.