Grow your CSS skills. Land your dream job.

Have made some css buttons would like to know if done correct.

  • # May 13, 2013 at 7:10 am

    Have made some css buttons would like to know if done correct.

    http://codepen.io/mwbcomputers/pen/vCdbx

    # May 13, 2013 at 7:33 am

    Not bad, but I think there’s one big way that you could improve them: do a lot more of the styling on the _a_ tag. At the moment, you are only able to click on the text, because most of the button belongs to the li tag, which doesn’t react to clicking.

    I’ve put together what I generally do for buttons [here](http://codepen.io/David_Leitch/pen/lmAws “Button examples”) to give you some suggestions. I’ve used a bit of Sass to put mine together, which you don’t need to use, but I just find it makes them a lot quicker.

    # May 13, 2013 at 7:35 am

    Nothing wrong with them but they are actually list items rather than a `

    # May 13, 2013 at 7:50 am

    Thanks every one I see that I could only click the text rather than the whole area will now change it makes sense doing it that way rather than just text click able

    # May 13, 2013 at 7:54 am

    Just adding `display:block` to the `a` will get you most of the way.

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

You must be logged in to reply to this topic.

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