Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: select drop down menu + image??

Bottom of Page

1 to 11 of 11

  1.  
  1.  permalink
    Hi!

    Is the a way to display image for each item in select drop down menu?

    Best, DS
    • CommentAuthorGustavs
    • CommentTimeJun 7th 2006
     permalink
    That depends on the structure of the html code, but most likely it's possable.
    •  
      CommentAuthornifkin
    • CommentTimeJun 8th 2006 edited
     permalink
    You should (though browser support may be iffy) be able to apply a background-image to your OPTION elements, I think.
    •  
      CommentAuthorJan Meeus
    • CommentTimeJun 8th 2006
     permalink
    Perhaps this can come in handy:
    http://www.easy-designs.net/articles/replaceSelect/

    The guys from designsnack have replaced the select box with an unordered list, which can be styled pretty nicely:
    http://www.designsnack.com/?page=appetizers

    Good luck.
  5.  permalink
    Nifkin,

    I don't think that's possible. I've tried styling the background property on the <option> tag without any luck.

    Of course, one of us could stop speculating and just do a test - but who has time?
    •  
      CommentAuthornifkin
    • CommentTimeJun 8th 2006
     permalink
    Of course, one of us could stop speculating and just do a test - but who has time?

    you mean, do something that could be construed as work?

    *gags*
    •  
      CommentAuthornifkin
    • CommentTimeJun 8th 2006
     permalink
    okay okay, i was guilted into it (shakes fist at adjustafresh): over here there's a test page

    it works, but:

    1. Not in IE6 (ie7 won't open the dropdown and throws up a "popup blocked!" message, huh?)

    2. Not on the default selected item (or the item that shows when the select box is closed again).

    so yeah, i guess that does really go in the "does NOT work" column. :)
  8.  permalink
    handsome fella in the example though.
    •  
      CommentAuthormringlein
    • CommentTimeJun 8th 2006
     permalink
    ha ha! Nice work nifkin
  10.  permalink
    Hey Jan Meeus!

    This is exactly what I was looking for.
    I know you can style background with CSS but it doesn't look like you can add images there unless you using custom control like in a link you mentioned.

    Thank you, DS
  11.  permalink
    Although it looks nice - http://www.easy-designs.net/articles/replaceSelect/
    it does not have support to use separate image icon for each option in select menu.

    Cheers,DS

1 to 11 of 11

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page