Cannot delete table border. I don't know where he comes from

Question

http://www.geneseo.edu/new_social_media_test

I am working on a new social network page for my school, and I cannot get rid of this border in my desk. In <thead> and above <tbody> there is this gray line that I can’t target. I have disabled table borders in html and css, but nothing works. I can’t understand where this comes from and drive me crazy. Is this something from a global CSS file? Maybe one of the plugins on the social networks upstairs is messing with it? I have no ideas; Any help would be greatly appreciated.

In addition, in Firefox (8.0.1 :: Mac OS 10.7), line colors flicker when attenuation is complete. Absolutely no clue about this either.

If you look at the code, I'm sorry this is such a mess. I'm new to drupal, I don't have privileges to create my own CSS files, so I had to do everything inline. Thanks!

Edit: Here is a screenshot to clarify: http://i.imgur.com/dOcoE.png . I also forgot to mention that when I am in preview mode in Drupal, the color turns light blue, but not the color I defined anywhere (for example: <a2> ).

Answer 1

The border is set to th , not to thead or tr . There are a couple of rules in css_4ea78c62a1f11df9a1a23dfccad4464e.css that are aimed at th , creating a lower border:

 th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;} tbody th{border-bottom:1px solid #ccc;} thead th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;} 

Note that !important is for user agent style sheets only. Use the cascade and specificity selector. Since a stylesheet that disables the bottom border is loaded after css_4ea78c62a1f11df9a1a23dfccad4464e.css, all you need is:

 table th { border-bottom: none; } 

You may need to limit the selector to more precisely target your chart if there are other tables you want to keep.

Answer 2

I found this CSS:

 tbody { border-top: 1px solid #CCC; } 

I disabled it in the Chrome Developer Tools, but it didn’t affect. However, all I can find is related to the table, try removing it from your styles if you can. Or override it.

Answer 3

This line, this is in your CSS document.

 thead th { text-align:left;padding-right:1em;border-bottom:3px solid #ccc; }