[pmwiki-users] Styling table cells

[Ian MacGregor]

Hi, Tamara.

I haven't been able to find a way to style zebra tables via CSS without resorting to using javascript or CSS3, which many browsers don't yet support. What I'm currently doing is:

(:table border=1 width=50% cellpadding=4:)
(:cellnr bgcolor=#ffffff:)
Cell 1
(:cell bgcolor=#ffffff:)
Cell 2
(:cellnr bgcolor=#f2f6ff:)
Cell 3
(:cell bgcolor=#f2f6ff:)
Cell 4
(:cellnr bgcolor=#ffffff:)
Cell 5
(:cell bgcolor=#ffffff:)
Cell 6
(:cellnr bgcolor=#f2f6ff:)
Cell 7
(:cell bgcolor=#f2f6ff:)
Cell 8
(:tableend:)

This works fine until you have to work with tables that have 50+ cells.
Yes, class=classname does work, but how do you format zebra tables in a CSS file without using CSS3? My research has shown that this isn't possible without javascript or CSS3.

Regards,
Rev. Ian MacGregor
http://www.ianmacgregor.net

> On Oct 31, 2013, at 3:34 PM, Tamara Temple <tamouse.lists at gmail.com> wrote:
> 
> Hi, Ian!
> 
>> On Oct 31, 2013, at 3:54 PM, Ian MacGregor <ardchoille42 at me.com> wrote:
>> Unfortunately I haven't been able to use CSS to style advanced tables, so I'm still styling them by adding styling to each (:cellnr:)/(:cell:). If anyone knows how to do this, and it doesn't require CSS3, I'd enjoy learning what you have to offer.
> 
> What is the problem with using CSS to style tables, Ian? You can specify a class on the (:table:) directive, which should give really good control inside a css file:
> 
> (:table class="bizzare":)
> 
> yields the html:
> 
> <table class="bizzare">
> 
> which you can select in your css file as:
> 
> table.bizzare 
> 
> to supply styling for it.
> 
> Or do I not understand the issue?
> 
>