By jsimonis on

I've got some odd borders showing up in some of my themes, and I can't figure out why.

They show up in Firefox, but not IE.

The table specifically says no borders, and there are no borders attached to the css items.

However, they're there and I can't figure out why.

I was hoping a fresh pair of eyes would help:

http://dpo.nu-look.net/

TIA!

⋅ Categories: Drupal 5.x

Comments

nevets’s picture

nevets commented

There are a number of errors, serveral with the HTML for the banner image, any of which might be the source of the problem. For example, for the banner you have

<div align="center"><a href="/"><img src="http://dpo.nu-look.net/files/banner_mountain.jpg"></div></a>

The img tag should end with /> and the closing tags are reversed (close for 'a' should come before close for 'div').

There are a host of other errors, any which may be causing you problems.

jsimonis’s picture

jsimonis commented

No, I just validated it. Almost all the errors were things like missing alt tags or the use of width and height in tables.

It's now showing no errors when I validate the html. But there's still that border above the banner.

--
Jenni S.

jsimonis’s picture

jsimonis commented

The only place it's showing up is right above the banner. Which is weird, since I can't locate any css or html validation problem that would be causing it.

The only "errors" left are further down the page. I've removed them, but the border at the top remains and the layout of the page gets mixed up.

--
Jenni S.

coreyp_1’s picture

coreyp_1 commented

there is a border set for tbody on line 17 of modules/system/system.css.

override it to border: none; in your theme, and your troubles should be over.

- Corey

jsimonis’s picture

jsimonis commented

Thank you! I couldn't figure out where the default css file was (used to be drupal.css in the misc folder). I just started using 5.x, so I hadn't found that change yet.

Thank you very, very much!

--
Jenni S.

alexrayu’s picture

alexrayu commented

I have been looking for this answer for quite a some time dudes! Thanks! I could not figure out how come there is that grey line on top of each table no matter how hard I tried. Yes. The "tbody" - something I never even use. Cool thanks!

jsimonis’s picture

jsimonis commented

Yes, I've found a few little things like this in the .css files inside the system folder.

Now whenever something css is driving me crazy, I go and look inside those css files to see if they're the problem. More often than not they are.

--
Jenni S.
http://www.nu-look.net
Portland, OR metro area
Contact Me

coreyp_1’s picture

coreyp_1 commented

Try using Firefox with the Firebug plugin. It lets you browse pages by their html elements and view the relevant CSS. It even shows you what CSS is overridden, and what code is responsible for overriding it. It is invaluable for graphic developers.

- Corey

jsimonis’s picture

jsimonis commented

Thanks. I had some other add-ons that helped some. I just installed this one and I'll check it out.

--
Jenni S.
http://www.nu-look.net
Portland, OR metro area
Contact Me

craigdurling’s picture

craigdurling commented

I've been trying to figure this out for a long time now. Thanks.

instantgeek’s picture

instantgeek commented

can someone write out the css to override this in the theme?

tm’s picture

tm commented

assuming you are referring to http://drupal.org/node/123368#comment-205594

somewhere in your theme's css file (usually style.css, but not always),

tbody {
  border: none;
  }

i think; it is what is in mine.

instantgeek’s picture

instantgeek commented

thanks tm, i had actually tried this already in the style.css, but the lines were still showing up in the preview of my node, so i thought i probably got the syntax wrong. but once i clicked submit it came out ok, so i guess it was just still in the cache or something.