border-top in IE and FireFox

[Ken Loomis]

Hello:

I would like a table with alternating color rows, a border between
rows, and a border around the entire table. I want no borders between
cells.

-------------------------------------------------------
| header-a header-b header-c header-d |
|---------------------------------------------------- |
|data1a data1b data1c data1d |
|-----------------------------------------------------|
|data2a data2b data2c data2d |
|______________________________________|

I use the following CSS

table.users {
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
text-align:left;
width:750px;
border: 3px groove #369;
background-color: #CCC;
}

table.users td {
padding:0 1px;
}

tr.blue {
background-color: #CCF;
border-top:1px solid #333;
}

tr.gray {
background-color: #CCC;
border-top:1px solid #333;
}

This renders as I would like in FireFox but in IE there are no row
borders.

What am I doing wrong?

Thanks,

Ken

[kchayka]

Ken Loomis wrote:

tr.blue {
border-top:1px solid #333;
}

This renders as I would like in FireFox but in IE there are no row
borders.

Put the border on the td instead:
tr.blue td {
border-top:1px solid #333;
}

If borders are collapsed, it should end up a solid line.

BTW, you would be better off using a more generic name for your class
selectors, maybe identifying alternate-row or even/odd-row rather than a
specific color. What happens when you decide to change the color scheme?
Your class names won't make sense any more.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[Ken Loomis]

On Wed, 26 Apr 2006 13:26:15 -0500, kchayka <us****@c-net.us> wrote:

Ken Loomis wrote:

tr.blue {
border-top:1px solid #333;
}

This renders as I would like in FireFox but in IE there are no row
borders.
Put the border on the td instead:
tr.blue td {
border-top:1px solid #333;
}

If borders are collapsed, it should end up a solid line.

kchayka, thanks so much. MS thinks its border-top works, but it looks
to me like it doesn't.
BTW, you would be better off using a more generic name for your class
selectors, maybe identifying alternate-row or even/odd-row rather than a
specific color. What happens when you decide to change the color scheme?
Your class names won't make sense any more.

I hear you, but then again, when you're coding up the html, it's nice
to be able to specify the color. If I wanted to change the color I
think I would create another style with a different name. I'm a
programmer first, so I guess I look at it bassackwords

Thanks again. I really appreciate it.

Ken

[Beauregard T. Shagnasty]

Ken Loomis wrote:

On Wed, 26 Apr 2006 13:26:15 -0500, kchayka <us****@c-net.us> wrote:

BTW, you would be better off using a more generic name for your class
selectors, maybe identifying alternate-row or even/odd-row rather
than a specific color. What happens when you decide to change the
color scheme? Your class names won't make sense any more.

I hear you, but then again, when you're coding up the html, it's nice
to be able to specify the color. If I wanted to change the color I
think I would create another style with a different name. I'm a
programmer first, so I guess I look at it bassackwords

In my style sheets, I have some standard color coding where I use class
names such as "hot" (a deep red) and "veryhot" (a bright red), and
"cool" (a medium blue). If my clients should decide they like a green
color to indicate the styled words, all I have to do is change the color
number one place, and the HTML still says: class="hot" (which that
client deems .. hot. <g>

I don't end up with class="red" and it displays green.

--
-bts
-Warning: I brake for lawn deer

[kchayka]

Ken Loomis wrote:

On Wed, 26 Apr 2006 13:26:15 -0500, kchayka <us****@c-net.us> wrote:

Put the border on the td instead:
tr.blue td {
border-top:1px solid #333;
}

If borders are collapsed, it should end up a solid line.

kchayka, thanks so much. MS thinks its border-top works, but it looks
to me like it doesn't.

WFM. Post a URL.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[Ken Loomis]

On Wed, 26 Apr 2006 18:29:06 -0500, kchayka <us****@c-net.us> wrote:

Ken Loomis wrote:

On Wed, 26 Apr 2006 13:26:15 -0500, kchayka <us****@c-net.us> wrote:

Put the border on the td instead:
tr.blue td {
border-top:1px solid #333;
}

If borders are collapsed, it should end up a solid line.

kchayka, thanks so much. MS thinks its border-top works, but it looks
to me like it doesn't.

WFM. Post a URL.

You may have misunderstood me. Your solution of putting the
border-top in the <td> works perfectly. According to MS docs, putting
it in the <tr> should work, but it doesn't for me.

Thanks again,

Ken