The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Expand

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #42001

    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:


    I want it like this:

    list list list



    This tutorial might help you.

    If you provide a demo on Codepen, or a link to your site people can help you with more specifics.

    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 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!)


    Here is the page I’m trying to expand the forms on.


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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.