Hi,
I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!
Thankful for any help here! Table and CSS is below..
Gnolen
<table cellspacing="0" class="admintab le">
<tr>
<td></td>
<td></td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"" ></td>
</tr>
<tr class="row1">
<td></td>
<td></td>
<td></td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr class="row2">
<td></td>
<td></td>
<td></td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
</table>
With this Stylesheet:
TABLE.admintabl e {
FONT-WEIGHT: bold;
BACKGROUND: #cc1;
MARGIN-BOTTOM: 15px;
WIDTH: 100%;
COLOR: #000;
BORDER-COLLAPSE: collapse;
TEXT-ALIGN: left;
border-spacing: 2px;
FONT-SIZE: 90%;
}
TABLE.admintabl e A:hover {
TEXT-DECORATION: underline overline;
}
TABLE.admintabl e TD {border-bottom: #000000 1px solid;
PADDING: 3px;
}
..row1 {
FONT-WEIGHT: normal;;
COLOR: #265980;;
BACKGROUND: #f6f6f6;
COLOR: #000;
}
..row2 {
FONT-WEIGHT: normal;
COLOR: #265980;
BACKGROUND: #fff;
COLOR: #000;
}
I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can't do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!
Thankful for any help here! Table and CSS is below..
Gnolen
<table cellspacing="0" class="admintab le">
<tr>
<td></td>
<td></td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"" ></td>
</tr>
<tr class="row1">
<td></td>
<td></td>
<td></td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr class="row2">
<td></td>
<td></td>
<td></td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
</table>
With this Stylesheet:
TABLE.admintabl e {
FONT-WEIGHT: bold;
BACKGROUND: #cc1;
MARGIN-BOTTOM: 15px;
WIDTH: 100%;
COLOR: #000;
BORDER-COLLAPSE: collapse;
TEXT-ALIGN: left;
border-spacing: 2px;
FONT-SIZE: 90%;
}
TABLE.admintabl e A:hover {
TEXT-DECORATION: underline overline;
}
TABLE.admintabl e TD {border-bottom: #000000 1px solid;
PADDING: 3px;
}
..row1 {
FONT-WEIGHT: normal;;
COLOR: #265980;;
BACKGROUND: #f6f6f6;
COLOR: #000;
}
..row2 {
FONT-WEIGHT: normal;
COLOR: #265980;
BACKGROUND: #fff;
COLOR: #000;
}
Comment