Cant see bordercolor on firefox

[thavaht]

I´m having problems setting table bordercolor. Vewing the page on IE 6.0 color is ok. Vewing same page on firefox 1.5 only a hint of set color is visible, on the outer most border. The inner borders are allmost dark. I´ve checked the code can´t see the reason. Any help?

[Banfa]

The table border colour will only apply to the table border. If you want the cell borders to have the same colour then you will have to apply the colour as a cell border as well (using CSS).

[thavaht]

Hi Banfa! Thanks for replying. I’ve been trying your suggestion. In fact the CSS “border-color” property applies to the outer most border of the table. I can’t find such a property like cell border colour. Will you help? On the other hand the table’s “bordercolor” attribute applies both to the table and cell borders.
Here is what I found on O`Reilly HTML Reference:
Bordercolor=”colorTripletOrName”
The colors used to render some of the pixels that create the illusion of borders around cells and the entire table…

My point is that I’m used to make corrections for the pages to be correctly displayed on IE but in this situation I’m getting the desired effect on IE but not in Firefox.

[Banfa]

The is no cell-corde property, you apply the styles to the td tag

[html]
<style>
table {
border: 10px solid #ff66ff;
}

td, th {
border: 2px solid blue;
}
</style>
[/html]

Will apply a hideous 10 pixel border to your table and a think blue border to all the cells of the table.

That is because the interpret the table BorderColor attribute differently but if you use CSS then it should appear the same in both.

[jitu78]

Try this,

CSS code here,
<style>
table.bdr {border:1px solid #999}
</style>

Here is html,
<table width="60%" border="0" align="center" cellpadding="10" cellspacing="0" class="bdr">
<tr>
<td height="50"><a href="http://globtier.com">gobtier</a></td>
<td>Jitendra</td>
</tr>
</table>

[smsimonk]

Thanks Boss it works........Great
Simon
http://www.gospeljunction.net

Try this,

CSS code here,
<style>
table.bdr {border:1px solid #999}
</style>

Here is html,
<table width="60%" border="0" align="center" cellpadding="10" cellspacing="0" class="bdr">
<tr>
<td height="50"><a href="http://globtier.com">gobtier</a></td>
<td>Jitendra</td>
</tr>
</table>