Grant Palin
02-01-2003, 04:33 AM
I'm trying to convert my table borders to to use CSS instead of the border attribute. I put the following code into my page, for the topmost table, and the border around the table itself looks right, but the lines between the table cells are still a gray color. How can I fix this using CSS?
Here's the table CSS
table.stats {
border-width: 2px;
border-style: solid;
border-color: #000000;
}
And here's the table
<table width="100%" cellspacing="0" class="stats" border="1">
<tr>
<td width="10%">HP: 4</td>
<td width="10%">ATT: 6</td>
<td width="10%">DEF: 1</td>
<td width="15%">DAM: 1-2</td>
<td width="18%">SP: Fast</td>
<td width="7%">-</td>
<td width="15%">-</td>
<td width="15%">COST:50<img src="gold.gif" width="35" height="23" alt="Gold" /></td>
</tr>
<tr>
<td colspan="8"><b><u>Rogue</u>.</b> Their woeful defense and damage rating means Rogues aren't worth spit. They are often found guarding treasure, so they're worth fighting- they're so easy to beat. Enemies can't retaliate to a Rogue's attacks.</td>
</tr>
</table>
my page (http://www.freewebz.com/hommworld/HOMM/neutral_creatures.html)
Remember, it's the topmost table. The right table in the top table, that is (the one with the black border).
Thanks for any help.
Here's the table CSS
table.stats {
border-width: 2px;
border-style: solid;
border-color: #000000;
}
And here's the table
<table width="100%" cellspacing="0" class="stats" border="1">
<tr>
<td width="10%">HP: 4</td>
<td width="10%">ATT: 6</td>
<td width="10%">DEF: 1</td>
<td width="15%">DAM: 1-2</td>
<td width="18%">SP: Fast</td>
<td width="7%">-</td>
<td width="15%">-</td>
<td width="15%">COST:50<img src="gold.gif" width="35" height="23" alt="Gold" /></td>
</tr>
<tr>
<td colspan="8"><b><u>Rogue</u>.</b> Their woeful defense and damage rating means Rogues aren't worth spit. They are often found guarding treasure, so they're worth fighting- they're so easy to beat. Enemies can't retaliate to a Rogue's attacks.</td>
</tr>
</table>
my page (http://www.freewebz.com/hommworld/HOMM/neutral_creatures.html)
Remember, it's the topmost table. The right table in the top table, that is (the one with the black border).
Thanks for any help.