Table Borders Problem

windows · Jan 9, 2008

Hello Guys! 
 
I have this webpage that I'm working on, and I'm using a stylesheet for the borders of the tables. 
 
In this stylesheet I'm specifying the diffferent attributes of the table borders, among of these i specify the border colors. 
 
The problem that I'm having is that for some borders i specify the color as being red, but at the edge of some of those red borders I get a very fine white line. 
That very fine white line doesn't supposed to be in there, and it really bothers me. 
Could you please look into it, and tell me what is wrong there? because I just can't find the mistache. 
 
The borders that have the problem are red and I made them very thick. You guys should see that fine white line right beside those thick red borders. 
 
Here is the link to that webpage: 
<a class="postlink" href="http://www20.brinkster.com/diablomax/">http://www20.brinkster.com/diablomax/</a> 
And here is my stylesheet: 
 
table.blueborder {border: collapse #0000FF solid;} 
td.blueborder {border: thin #0000FF solid;} 
 
table.redborder 
{ 
border-style: solid; 
border-top-width: 2px; 
border-bottom-width: 12px; 
border-left-width: 1px; 
border-right-width: 2px; 
border-color: #ff0000; 
} 
 
td.redborder 
{ 
border-style: solid; 
border-top-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-right-width: 1px; 
border-color: #ff0000; 
} 
 
tr.redborder 
{ 
border-style: solid; 
border-top-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-right-width: 1px; 
border-color: #ff0000; 
} 
 
td.redborder2 
{ 
border-style: solid; 
border-top-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 12px; 
border-right-width: 1px; 
border-color: #ff0000; 
} 
 
table.greenborder 
{ 
border-style: solid; 
border-top-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-right-width: 1px; 
border-color: #00FF00; 
} 
 
td.greenborder 
{ 
border-style: solid; 
border-top-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-right-width: 1px; 
border-color: #00FF00; 
} 
 
 
 
THANK YOU VERY MUCH GUYS!!dead link dude... 
 
I'd quick say bring those padding and margin back to zero.You might have neglected to define a class for the TD holding that cell. After you close the TD with the green border insert ' class="redborder" ' within the TD defining that cell (about 1/3 of the way down the page). 
 
BTW watch your Doctype. The page doesn't validate as xhtml. Alot of your tags are deprecated in XHTML. (It doesn't 
Also, out of curiosity, what does 'speed' do in 
 
<img id="spotlight" speed="10" src=http://www.htmlforums.com/archive/index.php/"websitegrafix/RuneCentralLogo2.jpg" width="800" height="60" alt="" /> 
 
I don't know if I've ever seen it.

Hello guys! 
 
Thank you for taking a look at my page! 
 
ShivanDragon, if I bring those back to zero the page won't look the way it was intended anymore. 
 
Well Android! now I put the java script and css files in so you can have a more complete view of what the page should look like. As you see there is a spotlight effect over that top banner that i use, the "speed" attribute determines the moving speed of the spotlight, and in order for that to work I have to put it in there. Because of the spotlight attribute the page doesn't validate as XHTML, and that is the only reason (error), so at least for now I can live with it, as long as I don't get other error that I wouldn't know how to fix it. 
 
Android... I just tried your suggestion... well I'm glad to say that you were right with including the class="redborder" in that td cell. IT WORKED! THANK YOU VERY MUCH! So I'll have to apply that to everywhere I get that same situation. 
 
THANK YOU!

Table Borders Problem

windows

Guest