CSS issue

Can any CSS gurus help? WHAT is that annoying line right across my blog, under the banner image, partially obscured by the bottom of the banner image? I'd look it up in Firebug, but I can't seem to select just that line and the area right around it. And I've gone over and over the CSS code and can't find the problem there. I've gone into the code and put "border = 0;" every time there was a border, and that didn't fix it. Anyone have an answer?

Edited to add: I changed a few settings for the padding/margins, and now it looks a little better, even though the line is still there. At least it's not a broken line now, not unless you click on the permalink for a post, anyway.

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

tbody

Remove:

tbody { border-top:1px solid #CCCCCC; }

Is there a reason for you using tables for the layout? It would be easy enough to do in CSS...

Hope that helps :)

Thanks, but what file?

I've only been tweaking style.css, and that line of code wasn't there (obviously). I looked around in some other files but didn't find it.

No reason for using tables. When we did the upgrade, I selected the Bluemarine theme because it's the easiest one for me to change, and it most closely resembles the old theme I had. That one must be based on tables.

Use Firebug

Are you using Firefox? If so, get the Firebug extension. It's the fastest, easiest way I know to track down CSS issues like this. It will tell you exactly what files are being used for each tag.

Hi! I've experienced this

Hi!

I've experienced this issue a number of times. It was a new issue introduced w/ Drupal 5.

The default drupal.css (or is it system.css now) adds that border to thead in a table. You need to override it in your own style.css as the other commenter said.

Separately, I wonder if it's wise to have the default css add such a style.

--D

How to override Drupal CSS

The offending CSS is in system.css file.

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

To override it, put this in your theme's style.css file:

tbody {
border-top: none;
}

Thanks, but didn't work

JohnAlbin -- I did that, but the line is still there. Thanks anyway. I guess I'll try Firebug and see if that gets me anywhere.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.