CSS Border

timstring

why isn't there a border?

echo '<tr style="border-style:solid; border-top:thick solid red; background-color:#A9F5A9">';

or, is the border reserved for tables and elements?

ty as usual

tim

jeepin81

You want style your table data<td> tag not your table row<tr>. Better yet.. get rid of the table and use a div.

You can also shorten your code up as well:

<div style="border-top:2px solid red;">test</div>

Also, unless this is for an HTML email I would not use inline styles.

HTH..

johanafm

timstring;11021019 wrote:
or, is the border reserved for tables and elements?

No, border applies to all elements.

jeepin81;11021035 wrote:
You want style your table data<td> tag not your table row<tr>

Since that would depend entirely on where he wants the border to appear. For example, if the goal is to have borders between rows and on the side of each row, thus giving borders around the table and between the rows, tr { border: 1px solid black; } would be the easiest way of achieving this. Do note that putting the border on td elements would require a border-left on the first td of each row, a border-right on the last of each row and border bottom of all tds of the last row to achieve the same thing as a tr border.

Border for tr requires border-collapse: collapse to show. Probably due to the fact that there would otherwise be no unambigous placement for the border.

jeepin81;11021035 wrote:
Better yet.. get rid of the table and use a div.

Unless of course it's tabular data.

Weedpacket

johanafm wrote:
Border for tr requires border-collapse: collapse to show. Probably due to the fact that there would otherwise be no unambigous placement for the border.

The idea appears to be that if the cells aren't "collapsed" then they're treated as individual (and individually-bordered) cells, and there is no row "box" as such to have a border. Once you collapse them then there can be lines running right across from one side of the table to the other.

There are two distinct models for setting borders on table cells in CSS. One is most suitable for so-called separated borders around individual cells, the other is suitable for borders that are continuous from one end of the table to the other.

In this [separated borders] model, each cell has an individual border. The 'border-spacing' property specifies the distance between the borders of adjoining cells. In this space, the row, column, row group, and column group backgrounds are invisible, allowing the table background to show through. Rows, columns, row groups, and column groups cannot have borders (i.e., user agents must ignore the border properties for those elements).

http://www.w3.org/TR/CSS21/tables.html#borders