By ingver on

Yeah I'm kinda new to this actually. I just recently installed drupal and have barely set up the site.. I now am experiencing a problem when posting content..
I'm using TinyMCE. Wherever i post a table, a horizontal gray line appears above it. It doesn't matter where: in preview or in detailed view. it looks kind of ugly and messes up my post layout when I'm adding some other elements, such as images. The line doesn't show up in tinyMCE itself.. only after I preview or post. So I think the problem lies within drupal filtering or something like that. Though I've tried disabling filtering in the administration menu, the problem persists.
Also, I have noticed that the line does not appear in iexplorer 6.

I have read various posts posted by people with similar problem, but their "lines" are either in the header or somewhere else in the page. My lines are always above tables in posts.

You can see for yourself - http://rv.pri.ee/drupal/node/12
you should see a faint gray line between the image and the table.

⋅ Categories: Drupal 6.x

Comments

mantyla’s picture

mantyla commented

As far as I know it's a display bug. Your table doesn't have a header (<thead> element), but the gray line is a sort of "leftover" from it.

Crazy thing is, the way to get rid of it is to add a header to your table. It doesn't need to contain anything, the element just has to be there, so even the following would work:

<table>
<thead></thead>
<tbody>
  <tr>...
ingver’s picture

ingver commented

True, none of my tables have a header, but after adding the empty header, the line is still there,
BTW, i have some curious col tags between the table and tbody tags. i tried adding the empty header before and after the col tag.. nevertheless, i can still see the line.

<table style="border-collapse: collapse; height: 168px;" width="340" border="0" cellpadding="0" cellspacing="0">
<thead></thead> <col style="width: 96pt;" width="128"></col> <col style="width: 48pt;" width="64"></col> 
<tbody>

after tbody come the tr tags and such

mantyla’s picture

mantyla commented

Only last week I had the exact same problem, and the thead trick sorted it out for me. Trouble is, I never could figure out the origin of the problem: was there something odd about the theme, the system css, the browser, or maybe all of them? I'm pretty sure it's a bug, but I've no more advice, sorry.

ingver’s picture

ingver commented

thanks for the help anyway... I guess i should try to avoid using tables for now..
I wonder how since the "TAB" character doesn't work.. =(

zeta ζ’s picture

zeta ζ commented

http://drupal.org/node/210018
http://drupal.org/node/218430
http://drupal.org/node/93357#comment-710843
___________________
It’s in the detaιls…
demonstration portfolio

feehilies’s picture

feehilies commented

Thanks for the links. Problem solved.

ingver’s picture

ingver commented

Yay, adding 

}
tbody {
border-top: none;
}

to the theme's css file worked for me... i thought i tried that myself before =|

i searched for this issue before posting but didn't find much.... thanks for pointing out the links

robbelluk’s picture

robbelluk commented

That solution didn't work for me, but editing the system.css as per this - http://drupal.org/node/93357#comment-710843 - did

Anonymous’s picture

Anonymous (not verified) commented

I put the following code into the theme style sheet and it worked! 

tbody {
border-top: none;
}

Looks like two of us have tried it and made it work...

drplynne’s picture

drplynne commented

This worked for me as well (drupal 6). Thanks!

natedawg5969’s picture

natedawg5969 commented

Killed me trying to figure out WHY! but the simple addition to the theme's CSS worked it out. :)

Thanks for pointing out a simple solution

Unionstudios’s picture

Unionstudios commented

I was pulling my hair out over this.
Kept modifying CSS all over the place to try and get rid of it.
Every theme should have it already installed!!!!

jeremyd-1’s picture

jeremyd-1 commented

editing the css worked for me too - THANKS!!!

alienzed’s picture

alienzed commented

the tbody { border-top:none;} didn't work for me
but adding

  table {
    border-collapse: separate;
    border-spacing: 0;
  }

to my theme's css file did work. It's such a strange thing because trying to set the borders in the whole table to zero did nothing.

JoeKalucki’s picture

JoeKalucki commented

This solution will work on a per node basis. I am using Drupal 6, garland theme. To remove the gray border, simply add this snippet into your node body while rich text is disabled, exposing the HTML.

border-collapse: separate; border-spacing: 0

So that your table style looks like this:

style="border-collapse: separate; border-spacing: 0;"

This is a great solution because it works per node, just in case some objects look good with that gray line.