By drupalnesia on

Everytime I create a table ( even with border=0 ) there is always a small line with grey color at the top of the table. I try to delete style.css file but the line on the top of the table still appear.
Any suggestion to remove/hide the line?

⋅ Categories: Drupal 5.x

Comments

osiris24x’s picture

osiris24x commented

I have the exact same problem, only I'm not using the same theme...so it must be embedded deeper than theme level.

Can anybody help??

Roger Michaels
Macintosh Consultant
www.mymacfix.com

dinoworx’s picture

dinoworx commented

The small grey line is in one of the core css files.

Just add the following code to your themes style.css

tbody {
  border-top: 0;
}
dela.deyoungster’s picture

dela.deyoungster commented

Thanks. This works perfectly :-)

wickus’s picture

wickus commented

Thank you so much. This line was aggravating the hell outta me.

Great forum.

Cheers
wickus

osiris24x’s picture

osiris24x commented

I found it. It's in the default.css file on line 21. Here is the offending code:

table {
border-collapse:collapse;
}

Just comment this out, and the line goes away...

Roger Michaels
Macintosh Consultant
www.mymacfix.com

brettsmith’s picture

brettsmith commented

I'm a complete drupal noob and I had the same problem with that annoying grey border, but it's quite simple to fix.

The border comes from the system.css style sheet, located in /modules/system/system.css, where the following styles are set:

tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

To override these borders, background colors etc just copy the above styles into your themes style sheet (style.css) and make the appropriate changes to each style i.e. border-bottom: 0; !!!!

Hope this helps someone.