Hi all,

I'm hoping there's an easy answer as to why HTML tables (on content that's input format is full HTML) have a strange artifact: all tables, no matter where they display, seem to have a line (like a hard rule) at the top - but its not in the generated HTML on the page so it must be come css issue. On my site, you can see the issue by looking at the footer of the content area just above the graphic of the tree:

http://www.austinshakespeare.org/drupal/

Another example:

http://www.austinshakespeare.org/drupal/?q=node/36

above "Austin Shakespeare"

I'm pretty sure that somewhere BURIED in the CSS is the answer to this question, but I gotta say, I don't know much about CSS and I've spent several hours digging around trying to find out where this stuff might be and no luck.

Thanks for any help!

jay

Comments

tm’s picture

searching on "grey line tbody" (it's an old problem)

most seem to override it in the theme's css, something like

tbody {
  border-top: none;
  }

you may have to make it a class so you don't destroy the base theme.

if you want control over your look-n-feel, you will have to learn the html/css thing; http://www.w3schools.com/css might be a good place to start. firebug finds this one easily.

BrianKlinger’s picture

I found THIS using firebug:

Inherited from table: defaults.css (line 21)
table {
border-collapse:collapse;
}

I BELIEVE that if you go to your style.css and add:

table {
border-collapse: none;
}

This should eliminate the line.