Tables and border colors

I don't know if this is possible, but this is what i want to do. I want to
be able to create a table, but only show the horizontal lines. I'll try to
draw what i'm talking about.

-----------------------------------------
Pizza Hamburger
-----------------------------------------
Hotdog Fried Chicken
-----------------------------------------
Cookies Crackers
-----------------------------------------

So this would be a 2 column 3 row table. I want to be able to show only the
horizontal lines. I can change the vertical lines to white so it doesn't
show up, but it looks like i can only change the whole border color, not
just sides. Is this possible? Thanks!

the HTML:

table class="monkey"
your data
/table


the CSS:

..monkey td {border-bottom: 1px solid #666;}

-Darrel

Very cool... Thanks Darrel!

"darrel" <notreal (AT) hotmail (DOT) com> wrote

the HTML:

table class="monkey"
your data
/table


the CSS:

.monkey td {border-bottom: 1px solid #666;}

-Darrel

To be more anal about it... ;-)

html:

table class="monkey"
tr class="topbanana"
td /td
/tr
other tr's of data
/table


css:

..monkey td {border: solid #666; border-width: 0px 0px 1px;}
..monkey .topbanana td {border-width: 1px 0px;}

- Josh

On Wed, 30 Jun 2004 18:00:55 -0700, Josh Johnson
<josh.johnson (AT) nospam (DOT) sun.com> wrote:

.monkey td {border: solid #666; border-width: 0px 0px 1px;}
.monkey .topbanana td {border-width: 1px 0px;}

How about:

..monkey{border-collapse:collapse}
..monkey td{border: solid #666; border-width: 1px 0;}


<table class="monkey">


Gary

Gary White wrote:

On Wed, 30 Jun 2004 18:00:55 -0700, Josh Johnson
josh.johnson (AT) nospam (DOT) sun.com> wrote:


.monkey td {border: solid #666; border-width: 0px 0px 1px;}
.monkey .topbanana td {border-width: 1px 0px;}



How about:

.monkey{border-collapse:collapse}
.monkey td{border: solid #666; border-width: 1px 0;}


table class="monkey"

I don't think so....
..monkey td{border-bottom: solid #666666; border-width: 1px 0;}
Perhaps?
Mick

Gary

To be more anal about it... ;-)
html:

table class="monkey"
tr class="topbanana"
td /td
/tr
other tr's of data
/table

If you are attempting to style a table with a unique first row (ie, header
row) then you should actually use th tags:

table class="monkey"
tr
th /th
/tr
other tr's of data
td /td
/other tr's
/table

then your CSS would be:

..monkey th
..monkey td

-Darrel

On Thu, 01 Jul 2004 09:10:08 -0400, Mick White
<mwhite13 (AT) BOGUSrochester (DOT) rr.com> wrote:

.monkey{border-collapse:collapse}
.monkey td{border: solid #666; border-width: 1px 0;}


table class="monkey"

I don't think so....
.monkey td{border-bottom: solid #666666; border-width: 1px 0;}
Perhaps?

Why that? The border-collapse will prevent duplicating the border. At
least it works for me on Windows browsers.


Gary

Gary White wrote:

On Thu, 01 Jul 2004 09:10:08 -0400, Mick White
mwhite13 (AT) BOGUSrochester (DOT) rr.com> wrote:


.monkey{border-collapse:collapse}
.monkey td{border: solid #666; border-width: 1px 0;}


table class="monkey"

I don't think so....
.monkey td{border-bottom: solid #666666; border-width: 1px 0;}
Perhaps?



Why that? The border-collapse will prevent duplicating the border. At
least it works for me on Windows browsers.

Not on Mac Safari and IE....
And do you want a vertical border?
Mick

Gary

On Thu, 01 Jul 2004 10:57:21 -0400, Mick White
<mwhite13 (AT) BOGUSrochester (DOT) rr.com> wrote:

Not on Mac Safari and IE....

Mac users account for about half the volume I get of NN4 users. It's a
pretty insignificant number. ;-)

And do you want a vertical border?

No. That's why I used border-width: 1px 0. A zero width border shouldn't
display unless it does so on those broken browsers. ;-)


Gary