Question

Is it possible to make a dropdown type menu navigation without using javascript and to show an image next to each items?

Also I would like to make this work with a table, so when you hover over a table cell, it would dropdown a list of links with an icon next to each one. I am not sure if this is even possible without the use of javascript?

There is something similar to what I am trying to do on photobucket’s menu
alt text http://img2.pict.com/f9/72/7f/1437912/0/640/screenshot2b9.png

Answer 1

Is it possible? Yes

Is it recommended? No

You still have to support IE6 and below which only supports the :hover pseudo-selector on <a> tags with an href attribute. Any other tag will have its :hover pseudo-selector ignored. For any other browser, you won’t have that limitation.

By using the <a> tag, you are giving yourself the following limitations:

• No sub <a> tags, which means that the menu will basically lead to one place.
• No block level elements inside the <a> tag (which can be easily worked around by using display: block on inline elements. This means no <div> no <table> nor any other block level elements.

In a world without Internet Explorer 6 and below, this would rather be trivial to do. But considering that as of July 2009 there is still 27.21% of the web using IE6, you might not want to write them out.