An extra strange line above table in node

Posted by Geir19 on August 20, 2009 at 12:05pm

I have created a table inside a node. The table is fine but there is a strange thin line at the top of the table. It's a gray thin line. Is there a way to remove it?!

Comments

Theme?

Posted by kjv1611 on August 20, 2009 at 12:27pm

Have you tried changing the theme to see if that makes a difference? Also, you may can edit the theme settings (global or theme-specific) to remove the line... perhaps there's a setting related to that for tables?

It looks like the problem is

Posted by Geir19 on August 20, 2009 at 1:04pm

It looks like the problem is theme independent. I still see the line after changing the theme. Which files I need to verify?!

"Firebug" or "Web Developer"

Posted by zoo on August 20, 2009 at 1:27pm

Hi Gear,

Drupal loads a lot of css files beyond your theme css'. And (as you know) you need to find the css rule which is causing that gray line.

To do this you may want to use some very powerful Firefox add-ons as "Firebug" or "Web Developer".

They will help you to narrow down all the style rules referring to an html element, even if they were part of Drupal core files.

Hi Geir19, I'm using this

Posted by zoo on August 20, 2009 at 12:57pm

Hi Geir19,

I'm using this Drupal module to get rid of all those "hidden" styles (works with Firefox):

http://drupal.org/project/drupalforfirebug (the Drupal module)
https://addons.mozilla.org/en-US/firefox/addon/1843 (you'll need to install this add-on for firefox)
http://rychosis.org/drupal/drupal_for_firebug-0.0.5-3.5.xpi (you'll need to install even this add-on for firefox)

To get the module installed and working please do the following things:

1. Download and install the module.
2. Set the appropriate permissions for user's to see debugging information. By default only UID 1 can see anything.
3. Make sure that your theme is outputting the $closure variable. Most themes do, but some do not (and should).
4. Download the latest version of the Firefox plugin (see links above) and make sure its enabled.

Should help you to find that "line"!

Bye

Zoo

I had such problem in

Posted by Well on August 21, 2009 at 3:03pm

I had such problem in Bluemarine. Are you using this theme?

You need to paste some text in style.css:

tbody {
border-top: 0px solid #ccc;
}

And then clean a site's cache.

In the system.css you can see table border's parametres. This problem because of them.

Thank You Irina

Posted by drupalb on September 7, 2009 at 7:47am

FYI:
"Well" (above) has solved this problem for me, and I am using the Deco theme.
I added the css to my style.css document and it was fixed.

thanks

Posted by webengr on December 14, 2009 at 4:24pm

yep,

thanks for this thread.

I was modifying "clean" theme
and had a weird line above tables...

that css fix in clean's css/htmlelements.css
adding

/* http://drupal.org/node/554632 */
/* maybe system.css puts thin line on top tables */
tbody {
border-top: 0px solid #ccc;
}

got rid of that line.

good post

Posted by ashu12 on October 19, 2010 at 9:08am

this post is very very useful for everyone.

this post is very nice. this very very useful for everyone. because it have very good information. and i an very impressed by this post. thanks for shear this post with us. seo propo

.

Posted by Raf on October 19, 2010 at 9:12am

Seen that line a ton of times too. By default, Drupal adds "border-collapse: collapse" to tables. I fix this by adding this in my CSS:

table {
  border-collapse: separate;
}

Fixing the grey line

Posted by RoloDMonkey on December 17, 2010 at 9:43pm

I wrote an article about this years ago:

http://irolo.net/drupal_firefox_and_the_mysterious_grey_line