table row borders

[dx]

How do you display only the horizontal borders (grid lines) in a table. What
is the css settings?

Much thanks in advance.
Stan

 

[Mitja]

How do you display only the horizontal borders (grid lines) in a
table. What is the css settings?

Much thanks in advance.
Stan

td {
border-top: solid black 1px; /*for example*/
border-right: solid black 1px;
border-bottom: solid black 1px;
border-left: solid black 1px;
}

or, shorter:

td {
border: solid black 1px;
border-width: 1px 0;
}

See w3c specs.

Mitja

 

[Sid Ismail]

: How do you display only the horizontal borders (grid lines) in a table. What
: is the css settings?
:

See: http://www.sabf.co.za/results/sawba_pairs.html

Sid

 

[Jay]

td {
border-top: solid black 1px; /*for example*/
border-right: solid black 1px;
border-bottom: solid black 1px;
border-left: solid black 1px;
}

or, shorter:

td {
border: solid black 1px;
border-width: 1px 0;
}

See w3c specs.

The OP wanted only horizontal borders.

td {
border-top: solid black 1px;
border-bottom: solid black 1px;
}

--
"Some see the glass as half-empty;
some see the glass as half-full.
I see the glass as too big." - George Carlin

- J

 

[Hywel]

The OP wanted only horizontal borders.

Then the OP can work it out from the example given. What if next week
the OP wants to know how to do vertical borders?

td {
border-top: solid black 1px;
border-bottom: solid black 1px;
}

That will give 2 pixel wide borders, apart from at the top and bottom of
the table.

 

[Mitja]

The OP wanted only horizontal borders.

td {
border-top: solid black 1px;
border-bottom: solid black 1px;
}

My bad. Copy-pasted the first line four times without thinking.
The second, better example, though, does what OP intended. Or at least
partially - as it's been pointed out, it makes for 2-px borders.

 

[Sid Ismail]

:
: : > dx <[email protected]>
: > (wrote:
: > > How do you display only the horizontal borders (grid lines) in a
: > > table. What is the css settings?
: > >
: > > Much thanks in advance.
: > > Stan
: >
: > td {
: > border-top: solid black 1px; /*for example*/
: > border-right: solid black 1px;
: > border-bottom: solid black 1px;
: > border-left: solid black 1px;
: > }
: >
: > or, shorter:
: >
: > td {
: > border: solid black 1px;
: > border-width: 1px 0;
: > }
: >
: > See w3c specs.
:
: The OP wanted only horizontal borders.
:
: td {
: border-top: solid black 1px;
: border-bottom: solid black 1px;
: }


Remember to put border-collapse:collapse in the table CSS definition.

Sid