CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
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.
For #1: Each of your inputs have a defined width of `260px`, simply remove that from your CSS.
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
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed