PDA

View Full Version : table border color difference?



web88js
10 May 2006, 05:46 PM
hello everyone:

I created a table using Deamwaver8. In IE6 all 4 borders' color are indntical. the border color showed different in FireFox1.5. the top and right border appear to be light than right and botton border. I am wondering what caused this problem and how can I resolve this problem. Please give me some suggestions. Thanks!

Here is the code generate by DW8:

<table width="737" border="10" cellpadding="1" cellspacing="5" bordercolor="#B1C3D9" bgcolor="#999933">
<tr>
<td width="347" align="center">
<img src="images/mm1.gif" alt="mm1" width="108" height="112" /> </td>

<!-- split 2nd cell in first roll into 2 cloumns -->
<td width="171"><img src="images/mm1.gif" alt="mm1" width="108" height="112" /></td>
<td width="171"><img src="images/mm1.gif" alt="mm1" width="108" height="112" /></td>
</tr>

<!-- 2nd row -->
<tr>
<th>this is a header </th>
<td colspan="2">&nbsp;</td>
</tr>
</table>

jeff
5-10-06

Wickham
11 May 2006, 12:43 AM
This is just the default way Firefox shows wide borders.
Change your table tag to:-
<table width="737" border="10" "cellpadding="1" cellspacing="5"
bordercolor="#B1C3D9" bgcolor="#999933" style="border-style: solid">

Or
none
no border is drawn (regardless of the 'border-width' value)
dotted
the border is a dotted line drawn on top of the background of the element
dashed
the border is a dashed line drawn on top of the background of the element
solid
the border is a solid line
double
the border is a double line drawn on top of the background of the element. The sum of the two single lines and the space between equals the <border-width> value.
groove
a 3D groove is drawn in colors based on the <color> value.
ridge
a 3D ridge is drawn in colors based on the <color> value.
inset
a 3D inset is drawn in colors based on the <color> value.
outset
a 3D outset is drawn in colors based on the <color> value.