On Fri, 3 Jun 2005 18:32:10 +0200, Els wrote:
Mel wrote:
is it possible to draw a border around a row of a table ?
example please...
thanks
table{border-collapse:collapse;}
tr.row td{
border-width:1px 0;
border-style:solid;
border-color:black;
}
tr.row td.left{
border-width:1px 0 1px 1px;
}
tr.row td.right{
border-width:1px 1px 1px 0;
}
<table>
<tr class="row">
<td class="left"></td>
<td></td>
<td></td>
<td class="right"></td>
</tr>
<tr>
....
</tr>
</table>
I tried the much simpler and more intuitive
tr.row { border: 1px solid black; }
(see
http://www.trawna.com/test/rowborder.html for a live example)
It works in Opera 6.04 and 7.23 and Firefox 1.02. Mozilla 1.0 puts a
border across the top and bottom of the row, but not the left and right.
Netscape 6.2.3 and IE 6.0 (and presumably all older versions) don't
display any border at all. I've never been good at reading standards;
is this an area that is undefined, or is it just spotty conformance?
--
Greg Schmidt
gr***@trawna.com
Trawna Publications
http://trawna.com/