Whenever I use tables (borders set to 0) I have this horizontal grey line that appears on top (see image link).

It appears on Firefox, Opera and IE. I'm using FCKeditor 5.x. Please help

http://img.photobucket.com/albums/v654/kuydigital/FCKeditor_Table-Line-P...

Comments

AjK’s picture

Add this to your theme's style.css

tbody {
  border-top: 0;
}
kuydigital’s picture

Worked instantly! Appreciate it.

mxer269’s picture

I had the same problem.. and this worked for the top. Only, I also have the same gray line appearing on the BOTTOM, and I tried to add "border-bottom: 0;" and "border: 0;" but it didn't make it disappear. Any suggestions?

ddd.seneca’s picture

This problem is in module/system/system.css
change:
tbody {
border-top:1px solid #CCCCCC;
}

to

tbody {
border-top:none;
}

rolodmonkey’s picture

You should never change core files.

If you need to override CSS that comes from the core, there are several acceptable ways to do it in your theme. The easiest is just to make sure that your selector is more specific than the one from the core. Something as simple as this should work:

table tbody {
  border-top: none;
}

--

Read more at iRolo.net