Grow your CSS skills. Land your dream job.

please help me to make this Tabbed Content

  • # February 18, 2013 at 7:39 am

    I want to make a Tabbed Content like what you see in this below picture.


    [see in large size](http://img.im/i/src-9741-n1ovg8/8000.jpg “large”)

    I try to make this Tabbed Content([please see here](http://codepen.io/anon/pen/mntGk “tabbed content”)) but i think i cant make it please help me.

    # February 18, 2013 at 8:08 am

    Here….http://codepen.io/Paulie-D/pen/moiuD

    Is that what you were after?

    Be aware that the active class will have to be set by a piece of javascript…at least I think so.

    I’ve included a version for a hover state rather than active.

    # February 18, 2013 at 8:19 am

    > Here….http://codepen.io/Paulie-D/pen/moiuD

    > Is that what you were after?

    yes it’s all i want but with click ability

    # February 18, 2013 at 8:24 am

    So do you want the sub menu to show when it’s active or hovered or both?

    # February 18, 2013 at 8:41 am

    > So do you want the sub menu to show when it’s active or hovered or both?

    i want the sub menu to show when it’s active

    # February 18, 2013 at 9:43 am

    Oh…you want me to do all the work?

    # February 18, 2013 at 9:48 am

    > Oh…you want me to do all the work?

    sorry.
    please help me I’m amateur

    # February 18, 2013 at 10:05 am

    Fine…here you go…http://codepen.io/Paulie-D/pen/e3feffee5a0e1b9c018d1892c55c0b7a

    To be frank, you need to work on your own coding skills in HTML/CSS and Javascript rather than just ask others.

    For instance, do you know WHY this menu works the way it does?

    Do you know how easily it will break?

    If you can’t answer “Yes” to these, you need to find out…on your own.

    I don’t claim to be an expert, merely an informed amateur and I have no doubt that others could easily improve on what I have put together.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".