On Thu, 08 Mar 2012 10:36:34 -0000, David Thorp
<mailingli...@allaboutabundance.com> wrote:
I agree, the nested tables are not great, but I hit all sorts of
problems trying to do it with divs and floats, and while I had a couple
of helpful tips from people on this list about that I haven't got my
head quite around them yet. A couple of people suggested it's not so
bad to do it in tables, but I'd still like to do it without them. So
I'll be returning to that particular goal later.
In the meantime, thanks for your demo, although that doesn't really
achieve what I'm trying to achieve. The purpose is for each row of the
table to be alternating colors. It's not just a pretty pattern to sit
behind the table.
Maybe you're onto something with the CSS3 gradient idea. Perhaps the
ideal solution would be somehow programmatically generating the
background "image" to match the row height. Perhaps I'll look into
that. Any thoughts?
David.
Try taking a look at CSS3 'nth-child'
It isn't supported in IE before IE9 (Ithink) but for the older browsers it
can be enabled very simply with a little bit of jQuery.
http://dev.opera.com/articles/view/zebra-striping-tables-with-css3/
or
http://css-tricks.com/how-nth-child-works/
if you look through CSS-Tricks I seem to remember that there was an
article describing the addition of jQuery when required.
The striping of your tables is not your main worry at the minute, you
should be looking more at creating a stable page, handle the 'striping' as
an 'enhancement'.
Duncan
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/