[Pmwiki-users] Styling 'simple' tables

Bronwyn Boltwood arndis
Tue Dec 7 15:38:05 CST 2004

On Wed, 1 Dec 2004 09:44:59 +0000, Ciaran <ciaranj at gmail.com> wrote:
> Hi, Is there an easy way to apply a default style to the simple
> tables.    (Pmwiki1)
> I'd like to be able to default the style to be a font size smaller,
> and the first row's background to be grey for example.  I can easily
> build tables like this with the advanced tables stuff, by my users are
> reticent to use this! :(
> Any ideas? have I missed something patently obvious :)

CSS, my dear, CSS.  :)  You'll need the page source, or better yet,
access to the template, so that you can write the correct CSS
selectors.  The selectors need to be specific enough that they *only*
select the bits you want.  My site uses a template with no tables,
except for ones added by content, and the content lives in <div
id="wikitext"></div>.  Therefore, I can use this CSS, with descendant
(#wikitext table) and first-child (tr:first-child) selectors:

#wikitext table {font-size: 85%;}  /* smaller font size in tables */
#wikitext tr:first-child {background: #ccc;}  /* light grey background
for the first row of the table -- but only in modern browsers, like
Firefox and Opera.  Internet Explorer for Windows does NOT understand
:first-child. */

If I wanted to get fancier with my table headers, I could write: 
#wikitext tr:first-child {background: #ccc; font-size: 90%;
font-weight: bold;}  /* table headers have light grey backgrounds and
bold font which is smaller than the page text but bigger than the
table text. */

The method to add this CSS will vary according to the template.  If
it's already got a stylesheet which you can make changes to, you can
just drop it in there.

If you want or need to learn more, I strongly recommend
http://westciv.com/style_master/academy/css_tutorial/index.html as a
definitive guide.


More information about the pmwiki-users mailing list