Multiple Selects - Mouse hover to show content

[janevok]

Hi,

Ive got a multiple select box that is listing product names, the problem is some product names are longer than the select box width.

I have 2 multiple select boxes on the same page so I cant simply make it wider, also the product HAS to contain all relevant information about it (the department, category, etc) so I can't shorten the name.

Im actually trimming the product content (left(productname,10)) but this is making it hard to determine what the actual product is.

I was wondering if there is a way to show the full text if a mouse is hovering over it or if the mouse clicks an option?

Any help would be appreciated

[photon]

Have you tried to add a "title" attribute to the option tag?

<edited to add>
Hmmm... works in FireFox, not in Opera or IE6.

[photon]

Oops, I forgot to say welcome to WebmasterWorld!

[janevok]

hi and thanks :)

yes i did try adding a title tag and that didnt work.

are primary browser is IE6 even though I do prefer firefox.

thanks for the suggestion though

[tedster]

Here's another idea - simulate a line break inside the select list so your long descriptions can use two lines:

[webmasterworld.com...]

[Saltminer]

I don't use "select" much, but couldn't you create a class or use an inline style for the box that needs to be wider?

Jimmy

[janevok]

thanks for the line break idea, ive split each option into 2 now - just waiting to see if the client likes it or not.

thanks for all the help - much appreciated