what might make a border not display?

Hi -

This is much more a CSS question than a ZC question (I think), but hopefully someone will have an idea.

In my shopping cart area, I decided to experiment with putting a border around every other row (those typed by rowOdd). My browser is simply ignoring the border directive.

It passes CSS validation. The border directive shows up in Firebug. I copied the exact same code to another construct, and the border works there. I also verified the same behavior in Chrome.

The only thing somewhat odd about this is that it's a table row, and has multiple table data within it. But, I'm not aware of that being a problem.

You're more than welcome to look at my site, but you won't see the problem unless you populate a shopping cart with at least two items.

Thanks.

www.cinderellaantiques.com

After a bit of digging, I found the answer: it was indeed that you can't border a table row. (News to me, though I guess I'd never tried.)

My hack was to selectively border all the elements within the row, to give the appearance of a row border. I suppose another approach might have been to try a wrapper division, but frankly I was too lazy to try.

TRs should be borderable according to the specs, but it's not well supported by browsers. There's a workaround posted here. I haven't tried it, so I can't vouch for it.

Rob

Thanks, Rob. That workaround is essentially what I did, and it seems to work fine (at least in FF and Chrome).