Forums

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
    Posts
  • #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:

    list
    list
    list

    I want it like this:

    list list list

    #120940
    hotpink
    Member

    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.

    #120943
    Chris_Jordan
    Member

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

    #121066

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

    http://sicoir.com/xml/power/ECC_Discharge_MCMC_SimpleView.html

    #121068
    Paulie_D
    Member

    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.