[pmwiki-users] Styling table cells

Ian MacGregor ardchoille42 at me.com
Thu Oct 31 21:14:52 CDT 2013


I have a specific need to avoid the CSS 3 specification, however CSS 2.1 is fine. Unfortunately, the pseudo-class :nth-child is part of the CSS 3 spec.

Hmm.. the Advanced Table Directives recipe looks quite nice, I'll be studying that this evening. 

Thank you, Tamara!

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

> On Oct 31, 2013, at 6:58 PM, Tamara Temple <tamouse.lists at gmail.com> wrote:
> 
> 
>> On Oct 31, 2013, at 5:48 PM, Ian MacGregor <ardchoille42 at me.com> wrote:
>> 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.
> 
> I don’t know about the browser stats for your site, obviously, but support for the particular CSS3 pseudo-class :nth-child is in all the major browsers currently in use world-wide, except IE < 9, which is getting smaller and smaller. According do the "Can I Use It" site (http://caniuse.com/usage_table.php), IE 8 represents just under 8% of all browser traffic. Granted still a considerable portion, but not most. IE 7 is well under 1%, IE 6 is almost non-existant. But if your user base has a different profile, of course you need to pay most attention to that.
> 
> In addition, the javascript shims that create the same effect as the pseudo classes do work on everything out there currently, including IE7 and IE8.
> 
>> 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.
> 
> I think you want http://www.pmwiki.org/wiki/Cookbook/AdvancedTableDirectives .  Including that from your cookbook will make the advanced tables use the $Table* variables just like simple tables do, which are explained on http://www.pmwiki.org/wiki/Cookbook/FormattingTables , and add only two lines to your config.php, and however you want to style things to your skin.css or local.css.
> 
> I hope that helps!
> 
> Tamara
> 
>> 
>> 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?
>>> 
>>> 
> 



More information about the pmwiki-users mailing list