treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Expand

  • I'm pretty new to CSS, so please bare with me. I'm trying to figure out how to expand a drop down form. I don't want it in a drop down at all.

    So let's say here is the dropdown menu:

    list
    list
    list
    

    I want it like this:

    list              list              list
    
  • Hi

    This tutorial might help you. http://css.maxdesign.com.au/listutorial/horizontal_master.htm

    If you provide a demo on Codepen, or a link to your site people can help you with more specifics. http://codepen.io/pen/

    Or if you already have something online, post the link.

  • Hmmm. I can't quite gather what you're asking, but if you're talking about changing default browser styling of form options, I agree with Mr. Coyier in what he says in this article: "... try everything you can to make that not necessary...[it is] more likely obnoxious at best and bad UX at worst." Meaning making drastic changes to something people are very familiar with is more trouble than it's worth. Uggh, sorry I sound like I'm on a soapbox now...

    But if you're talking more about a navigation menu, like in the header at the top of a page, there are an endless amount of tutorials out there to make your own. Or maybe even go to http://cssmenumaker.com/ and study how the different versions are made? Just stumbled onto that site...didn't take a lot of time examining the code, but seems solid.

    Anyway, hope that helps, and maybe you can give us some more info into what you're trying to accomplish (make a pen!)

  • Yeah....you can't do that with select menus without an awful lot of extra markup & javascript.