Help developing CSS and HTML code

[ettrick31]

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.

[TheDoc]

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

[Alex]

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;

[Author]

Posts