General discussion


Drop down list with images beside each row

By schreiben10 ·
Tags: Open Source
Hello all,

I have a stong question because i can't solve it.

I want to creat a drop down list with images beside each row.

On top of my pages i want a drop down list with all categories.
But not simple DDL - i want to be with a icon beside each row

select ... option value /option /select

But i want a small image (icon) beside each option from select.

See for example: on the top page see a categories
- so i want to generate a DDL for those .

How can i do that?

Thanks for your effort to reply

This conversation is currently closed to new comments.

1 total post (Page 1 of 1)  
Thread display: Collapse - | Expand +

All Comments

Collapse -

Inline Style or JQuery

by Sven2157 In reply to Drop down list with image ...

The inline style, apparently only works with FireFox:

   <option value="volvo" style="background-image:url(images/volvo.png);">Volvo</option>
   <option value="saab"  style="background-image:url(images/saab.png);">Saab</option>
   <option value="honda" style="background-image:url(images/honda.png);">Honda</option>
   <option value="audi"  style="background-image:url(images/audi.png);">Audi</option>

Or your other option is JQuery:
Back to Open Source Forum
1 total post (Page 1 of 1)  

Related Discussions

Related Forums