The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

yes, you can create your drop down menus with css and set the background property of the list item to whatever image you want -- then add a litle left padding to the menu text so it doesn't overlap the image.

(In this case I'm thinking of a drop down menu item with maybe a bullet left of the menu text.)

Now, what you could do, is next to the list box display a single photo. Then, using javascript, on the list items, use onblur() and onfocus() to call a javascript function that would swap the .src attribute of the image.

I certainly do appreciate the assistance and I am learning new things which is great, however, the end result of what I was looking for is still not there. I have tested the sample codes given and they are great, but what I was looking for (going by the EG above) is where the drop menu text is, can an image be placed next to that.

There is no "easy" way to do this that will work in all browsers. IE doesn't allow images inside of <options> (just text). Mozilla can do it somehow (I've seen it, just don't remember how it was done).