From marianopeck@gmail.com Tue Jul 14 17:08:28 2009
From: Mariano Martinez Peck <marianopeck@gmail.com>
To: smallwiki@list.inf.unibe.ch
Subject: Re: Problem with css and tables
Date: Tue, 14 Jul 2009 14:08:19 -0100
Message-ID: <a38fadc50907140808k16a16d0bqc2d10120a22621bf@mail.gmail.com>
In-Reply-To: <a38fadc50907132050q639f691cr8b29974187c5fac9@mail.gmail.com>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============6482347451759659280=="

--===============6482347451759659280==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 7bit

On Tue, Jul 14, 2009 at 2:50 AM, Mariano Martinez Peck <
marianopeck(a)gmail.com> wrote:

> Hi people: I have a problem with css but probably it is because I know very
> little about them and I hate them ahaha.
>
> I have a Pier table with |s   The thing is that I want to put a particular
> css to those tables (the one I create in a page with |s )   but not to ALL
> the html tables the Pier render.
> If I change in my css table for example, it will affect to all pier tables:
> when crating a component, when adding, editing, etc...
> I can create another css class (tableForMyTables for example), but then I
> should change Pier code so that it renders tables with my css class instead
> of the standardone.
>
> Does anyone know how can achieve this? Perhaps adding a div for my tables?
> but I don't know what do to then haha.



Ok. I had an idea: put all my table in a div with a particular css ID
(using # in css). With this I don't affect all the others table.

But now I see the html rendered for this tables (when using |s ) and it is
like this:

<table>
    <tr>
        <td>XXX</td>
        <td>XXX</td>
        </tr>
    <tr>
        <td>XXX</td>
        <td>XXX</td>
    </tr>
</table>


And I would like something like this:


 <table id="...">

     <!-- Table header -->

         <thead>
             <tr>
                 <th scope="col" id="...">...</th>
                 ...
             </tr>
         </thead>

     <!-- Table footer -->

         <tfoot>
             <tr>
                   <td>...</td>
             </tr>
         </tfoot>

     <!-- Table body -->

         <tbody>
             <tr>
                 <td>...</td>
                 ...
             </tr>
             ...
         </tbody>

 </table>


I tried to see in Pier code where the table of | is rendered, but I didn't
find it. I just saw PRTable but there is no renderContentOn: or similar.
Does someone know how can I do to obtain that output ?

Thanks a lot in advance

Mariano




>
>
> Thanks for the help!
>
> Mariano
>
>



--===============6482347451759659280==
Content-Type: text/html
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="attachment.htm"
MIME-Version: 1.0

PGJyPjxicj48ZGl2IGNsYXNzPSJnbWFpbF9xdW90ZSI+T24gVHVlLCBKdWwgMTQsIDIwMDkgYXQg
Mjo1MCBBTSwgTWFyaWFubyBNYXJ0aW5leiBQZWNrIDxzcGFuIGRpcj0ibHRyIj4mbHQ7PGEgaHJl
Zj0ibWFpbHRvOm1hcmlhbm9wZWNrQGdtYWlsLmNvbSI+bWFyaWFub3BlY2tAZ21haWwuY29tPC9h
PiZndDs8L3NwYW4+IHdyb3RlOjxicj48YmxvY2txdW90ZSBjbGFzcz0iZ21haWxfcXVvdGUiIHN0
eWxlPSJib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYigyMDQsIDIwNCwgMjA0KTsgbWFyZ2luOiAw
cHQgMHB0IDBwdCAwLjhleDsgcGFkZGluZy1sZWZ0OiAxZXg7Ij4KSGkgcGVvcGxlOiBJIGhhdmUg
YSBwcm9ibGVtIHdpdGggY3NzIGJ1dCBwcm9iYWJseSBpdCBpcyBiZWNhdXNlIEkga25vdyB2ZXJ5
IGxpdHRsZSBhYm91dCB0aGVtIGFuZCBJIGhhdGUgdGhlbSBhaGFoYS48YnI+PGJyPkkgaGF2ZSBh
IFBpZXIgdGFibGUgd2l0aCB8c6CgIFRoZSB0aGluZyBpcyB0aGF0IEkgd2FudCB0byBwdXQgYSBw
YXJ0aWN1bGFyIGNzcyB0byB0aG9zZSB0YWJsZXMgKHRoZSBvbmUgSSBjcmVhdGUgaW4gYSBwYWdl
IHdpdGggfHMgKaCgIGJ1dCBub3QgdG8gQUxMIHRoZSBodG1sIHRhYmxlcyB0aGUgUGllciByZW5k
ZXIuPGJyPgoKSWYgSSBjaGFuZ2UgaW4gbXkgY3NzIHRhYmxlIGZvciBleGFtcGxlLCBpdCB3aWxs
IGFmZmVjdCB0byBhbGwgcGllciB0YWJsZXM6IHdoZW4gY3JhdGluZyBhIGNvbXBvbmVudCwgd2hl
biBhZGRpbmcsIGVkaXRpbmcsIGV0Yy4uLjxicj5JIGNhbiBjcmVhdGUgYW5vdGhlciBjc3MgY2xh
c3MgKHRhYmxlRm9yTXlUYWJsZXMgZm9yIGV4YW1wbGUpLCBidXQgdGhlbiBJIHNob3VsZCBjaGFu
Z2UgUGllciBjb2RlIHNvIHRoYXQgaXQgcmVuZGVycyB0YWJsZXMgd2l0aCBteSBjc3MgY2xhc3Mg
aW5zdGVhZCBvZiB0aGUgc3RhbmRhcmRvbmUuPGJyPgoKPGJyPkRvZXMgYW55b25lIGtub3cgaG93
IGNhbiBhY2hpZXZlIHRoaXM/IFBlcmhhcHMgYWRkaW5nIGEgZGl2IGZvciBteSB0YWJsZXM/IGJ1
dCBJIGRvbiYjMzk7dCBrbm93IHdoYXQgZG8gdG8gdGhlbiBoYWhhLjwvYmxvY2txdW90ZT48ZGl2
Pjxicj48YnI+T2suIEkgaGFkIGFuIGlkZWE6IHB1dCBhbGwgbXkgdGFibGUgaW4gYSBkaXYgd2l0
aCBhIHBhcnRpY3VsYXIgY3NzIElEoCAodXNpbmcgIyBpbiBjc3MpLiBXaXRoIHRoaXMgSSBkb24m
IzM5O3QgYWZmZWN0IGFsbCB0aGUgb3RoZXJzIHRhYmxlLiA8YnI+Cjxicj5CdXQgbm93IEkgc2Vl
IHRoZSBodG1sIHJlbmRlcmVkIGZvciB0aGlzIHRhYmxlcyAod2hlbiB1c2luZyB8cyApIGFuZCBp
dCBpcyBsaWtlIHRoaXM6PGJyPjxicj4mbHQ7dGFibGUmZ3Q7PGJyPqCgoCAmbHQ7dHImZ3Q7PGJy
PqCgoCCgoKAgJmx0O3RkJmd0O1hYWCZsdDsvdGQmZ3Q7PGJyPqCgoCCgoKAgJmx0O3RkJmd0O1hY
WCZsdDsvdGQmZ3Q7PGJyPqCgoCCgoKAgJmx0Oy90ciZndDs8YnI+CqCgoCAmbHQ7dHImZ3Q7PGJy
PqCgoCCgoKAgJmx0O3RkJmd0O1hYWCZsdDsvdGQmZ3Q7PGJyPqCgoCCgoKAgJmx0O3RkJmd0O1hY
WCZsdDsvdGQmZ3Q7PGJyPqCgoCAmbHQ7L3RyJmd0Ozxicj4mbHQ7L3RhYmxlJmd0Ozxicj6goKAg
PGJyPjxicj5BbmQgSSB3b3VsZCBsaWtlIHNvbWV0aGluZyBsaWtlIHRoaXM6PGJyPjxicj48YnI+
oCZsdDt0YWJsZSBpZD0mcXVvdDsuLi4mcXVvdDsmZ3Q7oCA8YnI+CqCgIDxicj6goKCgICZsdDsh
LS0gVGFibGUgaGVhZGVyIC0tJmd0O6AgPGJyPqCgIDxicj6goKCgoKCgoCAmbHQ7dGhlYWQmZ3Q7
oCA8YnI+oKCgoKCgoKCgoKCgICZsdDt0ciZndDugIDxicj6goKCgoKCgoKCgoKCgoKCgICZsdDt0
aCBzY29wZT0mcXVvdDtjb2wmcXVvdDsgaWQ9JnF1b3Q7Li4uJnF1b3Q7Jmd0Oy4uLiZsdDsvdGgm
Z3Q7oCA8YnI+oKCgoKCgoKCgoKCgoKCgoCAuLi6gIDxicj4KoKCgoKCgoKCgoKCgICZsdDsvdHIm
Z3Q7oCA8YnI+oKCgoKCgoKAgJmx0Oy90aGVhZCZndDugIDxicj6goCA8YnI+oKCgoCAmbHQ7IS0t
IFRhYmxlIGZvb3RlciAtLSZndDugIDxicj6goCA8YnI+oKCgoKCgoKAgJmx0O3Rmb290Jmd0O6Ag
PGJyPqCgoKCgoKCgoKCgoCAmbHQ7dHImZ3Q7oCA8YnI+oKCgoKCgoKCgoKCgoKCgoKCgICZsdDt0
ZCZndDsuLi4mbHQ7L3RkJmd0O6AgPGJyPqCgoKCgoKCgoKCgoCAmbHQ7L3RyJmd0O6AgPGJyPgqg
oKCgoKCgoCAmbHQ7L3Rmb290Jmd0O6AgPGJyPqCgIDxicj6goKCgICZsdDshLS0gVGFibGUgYm9k
eSAtLSZndDugIDxicj6goCA8YnI+oKCgoKCgoKAgJmx0O3Rib2R5Jmd0O6AgPGJyPqCgoKCgoKCg
oKCgoCAmbHQ7dHImZ3Q7oCA8YnI+oKCgoKCgoKCgoKCgoKCgoCAmbHQ7dGQmZ3Q7Li4uJmx0Oy90
ZCZndDugIDxicj6goKCgoKCgoKCgoKCgoKCgIC4uLqAgPGJyPqCgoKCgoKCgoKCgoCAmbHQ7L3Ry
Jmd0O6AgPGJyPgqgoKCgoKCgoKCgoKAgLi4uoCA8YnI+oKCgoKCgoKAgJmx0Oy90Ym9keSZndDug
IDxicj6goCA8YnI+oCZsdDsvdGFibGUmZ3Q7oCA8YnI+PGJyPjxicj5JIHRyaWVkIHRvIHNlZSBp
biBQaWVyIGNvZGUgd2hlcmUgdGhlIHRhYmxlIG9mIHwgaXMgcmVuZGVyZWQsIGJ1dCBJIGRpZG4m
IzM5O3QgZmluZCBpdC4gSSBqdXN0IHNhdyBQUlRhYmxlIGJ1dCB0aGVyZSBpcyBubyByZW5kZXJD
b250ZW50T246IG9yIHNpbWlsYXIuIDxicj4KRG9lcyBzb21lb25lIGtub3cgaG93IGNhbiBJIGRv
IHRvIG9idGFpbiB0aGF0IG91dHB1dCA/PGJyPjxicj5UaGFua3MgYSBsb3QgaW4gYWR2YW5jZTxi
cj48YnI+TWFyaWFubzxicj48YnI+PGJyPqA8L2Rpdj48YmxvY2txdW90ZSBjbGFzcz0iZ21haWxf
cXVvdGUiIHN0eWxlPSJib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYigyMDQsIDIwNCwgMjA0KTsg
bWFyZ2luOiAwcHQgMHB0IDBwdCAwLjhleDsgcGFkZGluZy1sZWZ0OiAxZXg7Ij4KPGJyPjxicj5U
aGFua3MgZm9yIHRoZSBoZWxwITxicj48Zm9udCBjb2xvcj0iIzg4ODg4OCI+PGJyPk1hcmlhbm88
YnI+PGJyPgo8L2ZvbnQ+PC9ibG9ja3F1b3RlPjwvZGl2Pjxicj4K

--===============6482347451759659280==--