Grow your CSS skills. Land your dream job.

Help developing CSS and HTML code

  • # July 12, 2013 at 7:16 pm

    I have a few problems while I was making something for a client.

    1. The 2nd table is too wide, and I can reduce it.
    2. The checkboxes are underlined in Google Chrome
    3. The checkboxes are so far apart.

    Here’s the link: http://kingdomhearts7.com/test1/index.html

    I’m a noob at coding, so any help would be appreciated.

    # July 12, 2013 at 7:21 pm

    For #1: Each of your inputs have a defined width of `260px`, simply remove that from your CSS.

    # July 12, 2013 at 7:55 pm

    For #2: Your checkboxes are inheriting a box-shadow from your inputs.

    -webkit-box-shadow: 0px 1px 0px #F2F2F2;

    I see you already have input[type=”checkbox”], and you have set border to none, you can just replace that with

    box-shadow: none;

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

You must be logged in to reply to this topic.

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