Member Panel

Ge64

I have a rather simple table, with no borders at all. Now I want to make a line, between the bottom of the first row and the top of the second row. So it looks like this:

Col 1 COl2 Col3
------------------------------
Aasdad blabla lalala
blalbla asdasd qwerty

Except I don't want the line to take up any space. So is there an option in CSS that would make a border around only the first row and then only the bottom, not all the way around?

tarvid

Separate tables with the same explicit width?

GaRHaR

void: No sides. This is the default value.
above: The top side only.
below: The bottom side only.
hsides: The top and bottom sides only.
vsides: The right and left sides only.
lhs: The left-hand side only.
rhs: The right-hand side only.
box: All four sides.
border: All four sides.

rules = none|groups|rows|cols|all [CI]This attribute specifies which rules will appear between cells within a table. The rendering of rules is user agent dependent. Possible values:

none: No rules. This is the default value.
groups: Rules will appear between row groups (see THEAD, TFOOT, and TBODY) and column groups (see COLGROUP and COL) only.
rows: Rules will appear between rows only.
cols: Rules will appear between columns only.
all: Rules will appear between all rows and columns.

border = pixels [CN]This attributes specifies the width (in pixels only) of the frame around a table (see the Note below for more information about this attribute).
To help distinguish the cells of a table, we can set the border attribute of the TABLE element. Consider a previous example:
<TABLE border="1"
summary="This table charts the number of cups
of coffee consumed by each senator, the type
of coffee (decaf or regular), and whether
taken with sugar.">
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR>
<TH>Name</TH>
<TH>Cups</TH>
<TH>Type of Coffee</TH>
<TH>Sugar?</TH>
<TR>
<TD>T. Sexton</TD>
<TD>10</TD>
<TD>Espresso</TD>
<TD>No</TD>
<TR>
<TD>J. Dinnen</TD>
<TD>5</TD>
<TD>Decaf</TD>
<TD>Yes</TD>
</TABLE>

In the following example, the user agent should show borders five pixels thick on the left-hand and right-hand sides of the table, with rules drawn between each column.
<TABLE border="5" frame="vsides" rules="cols">
<TR> <TD>1 <TD>2 <TD>3
<TR> <TD>4 <TD>5 <TD>6
<TR> <TD>7 <TD>8 <TD>9
</TABLE>

The following settings should be observed by user agents for backwards compatibility.

Setting border="0" implies frame="void" and, unless otherwise specified, rules="none".
Other values of border imply frame="border" and, unless otherwise specified, rules="all".
The value "border" in the start tag of the TABLE element should be interpreted as the value of the frame attribute. It implies rules="all" and some default (non-zero) value for the border attribute.

For example, the following definitions are equivalent:
<TABLE border="2">
<TABLE border="2" frame="border" rules="all">
as are the following:
<TABLE border>
<TABLE frame="border" rules="all">

Note. The border attribute also defines the border behavior for the OBJECT and IMG elements, but takes different values for those elements.

Member Panel

Sponsors and Ads

Live Tag Cloud