Black (table border?) line between left and center blocks

Hangin' Around Joined: Nov 04, 2007 Posts: 34

Hi all,

I am having an issue with a theme. As you can see on the screen shot a black (border?) line is appearing between the left row of blocks and the center blocks.
I can't seem to get rid of this thing.
What I've tried so far by advice is to check if all the images are setup properly in html and php files.
Like:

<TD><IMG SRC="themes/Clanswaw/images/story_home_01.jpg" WIDTH=13 HEIGHT=43 ALT=""></TD>

instead off:

<TD>
<IMG SRC="themes/Clanswaw/images/story_home_01.jpg" WIDTH=13 HEIGHT=43 ALT="">
</TD>

The error occurs in IE, Opera and Safari.

In Firefox you need to zoom in one level to see the black line appear (although there it's a broken version as you can see on the last link)

These two are from the forums page. The left side blocks are not on that page, but you see the black line here in between the border on the left and the center blocks:

http://img20.imageshack.us/i/error2kks.jpg/

http://img26.imageshack.us/i/error3m.jpg/

This one is from the main page, the line is between the left blocks and the center blocks:

http://img359.imageshack.us/i/error4.jpg/

Here is the error in firefox (line is interrupted on zoom level 1, no line when not zoomed)

http://img41.imageshack.us/i/error5i.jpg/

I hope anybody can help me out here on where and what to search for and repair.

Have also searched and checked if the borders are set to 0.
tnx in advance.

Posted: Tue Jun 30, 2009 3:00 pm

Try validating the page through the w3c validator or the html validator for Firefox. I suspect that your theme is riddled with errors. For instance even in what you have quoted IMG SRC is all caps (the standard is lower case) and you don't have a closing / on your img src tags.

If you have a good html editor you could also try capturing the page source and looking at it in the editor. That might show you where the black line is coming from.

Posted: Tue Jun 30, 2009 3:17 pm

I do get alot of errors about what I shouldn't have in capitals. Where should that closing / need to go for the image? Like this?

<td><img src="themes/Clanswaw/images/story_home_01.jpg" WIDTH=13 HEIGHT=43 alt=""></img></td>

The site validation tool presents me with 1208 errors (mainly capitals) and 39 warnings Sad

tnx

Posted: Tue Jun 30, 2009 3:43 pm

The original image tags you quoted read:

<IMG SRC="themes/Clanswaw/images/story_home_01.jpg" WIDTH=13 HEIGHT=43 ALT="">

they should be:

<img src="themes/Clanswaw/images/story_home_01.jpg" width="13" height="43" alt="" />

If the theme is that poorly coded (I realized you needed quotes around the width and height attributes as I was typing) I would recommend ditching it. Ravennuke comes with a dozen or so compliant themes.

Posted: Thu Jul 02, 2009 3:06 pm

I finally got it sorted. You won't believe how many things I've tried. Even cleaned up quit alot of the php files to match that validator.

Turned out there was a spacer.gif image in the theme's images folder messing it up. After removing that one the line disappeared. I don't see any problems to the site without the image there.