You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Angelo Chen <an...@yahoo.com.hk> on 2008/02/15 09:59:52 UTC
T5: grid's css in 5.0.10
Hi,
in the t5.0.9, the grid's column header's css is, field name plus header, so
we have this:
<th class="id-header">Results</th>
for this I can have :
.id-header { width:700px; background:lightgreen}
but now, for the same template we have this:
<th class="id t-first t-last">Results</th>
and how can I specify a css for "id t-first t-last"? please help, thanks,
A.C.
--
View this message in context: http://www.nabble.com/T5%3A-grid%27s-css-in-5.0.10-tp15496172p15496172.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: T5: grid's css in 5.0.10
Posted by Howard Lewis Ship <hl...@gmail.com>.
This was simplified. For 5.0.9 you needed:
TH.myid-header { }
TD.myid-cell { }
For 5.0.10 the suffixes are stripped, thus:
TH.myid { }
TD.myid { }
The suffixes were redundant with the element type (TH for a header
cell, TD for a data cell).
On Fri, Feb 15, 2008 at 12:59 AM, Angelo Chen
<an...@yahoo.com.hk> wrote:
>
> Hi,
>
> in the t5.0.9, the grid's column header's css is, field name plus header, so
> we have this:
>
> <th class="id-header">Results</th>
> for this I can have :
> .id-header { width:700px; background:lightgreen}
>
> but now, for the same template we have this:
>
> <th class="id t-first t-last">Results</th>
> and how can I specify a css for "id t-first t-last"? please help, thanks,
>
> A.C.
>
>
>
>
>
> --
> View this message in context: http://www.nabble.com/T5%3A-grid%27s-css-in-5.0.10-tp15496172p15496172.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
--
Howard M. Lewis Ship
Creator Apache Tapestry and Apache HiveMind
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
RE: T5: grid's css in 5.0.10
Posted by Kevin Menard <km...@servprise.com>.
Hi Angelo,
It is perfectly valid for an element to have multiple CSS classes. The
class names are space-separated in the template. You still use the "."
notation as a class selector in your CSS. Thus, if you want to match an
element that contains all three classes, you need to specify all three
in the selector.
I hope that clarifies a little bit more.
--
Kevin
-----Original Message-----
From: Angelo Chen [mailto:angelochen960@yahoo.com.hk]
Sent: Friday, February 15, 2008 8:23 PM
To: users@tapestry.apache.org
Subject: Re: T5: grid's css in 5.0.10
Hi Davor,
This works, so T5 now appends t-first, t-last to the first and last
column
of grid, I can't quite understand this notation: id t-first, subject
t-last,
why id.t-first matches to id t-first? search the site you mentioned but
can't find parted related to this yet. thanks.
A.C.
Davor Hrg wrote:
>
> no problem
> you have three classes:
> id
> t-first
> t-last
>
> you can target it:
> .id.t-first.t-last
>
> or to target both cases:
> .id-header, .id.t-first.t-last { width:700px; background:lightgreen}
>
> there is a comprehensive resource
> http://www.w3.org/TR/REC-CSS2/selector.html
>
> Davor Hrg
>
> On Fri, Feb 15, 2008 at 9:59 AM, Angelo Chen
<an...@yahoo.com.hk>
> wrote:
>>
>> Hi,
>>
>> in the t5.0.9, the grid's column header's css is, field name plus
>> header, so
>> we have this:
>>
>> <th class="id-header">Results</th>
>> for this I can have :
>> .id-header { width:700px; background:lightgreen}
>>
>> but now, for the same template we have this:
>>
>> <th class="id t-first t-last">Results</th>
>> and how can I specify a css for "id t-first t-last"? please help,
>> thanks,
>>
>> A.C.
>>
>>
>>
>>
>>
>> --
>> View this message in context:
>>
http://www.nabble.com/T5%3A-grid%27s-css-in-5.0.10-tp15496172p15496172.h
tml
>> Sent from the Tapestry - User mailing list archive at Nabble.com.
>>
>>
>>
---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> For additional commands, e-mail: users-help@tapestry.apache.org
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
>
--
View this message in context:
http://www.nabble.com/T5%3A-grid%27s-css-in-5.0.10-tp15496172p15513598.h
tml
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: T5: grid's css in 5.0.10
Posted by Angelo Chen <an...@yahoo.com.hk>.
Hi Davor,
This works, so T5 now appends t-first, t-last to the first and last column
of grid, I can't quite understand this notation: id t-first, subject t-last,
why id.t-first matches to id t-first? search the site you mentioned but
can't find parted related to this yet. thanks.
A.C.
Davor Hrg wrote:
>
> no problem
> you have three classes:
> id
> t-first
> t-last
>
> you can target it:
> .id.t-first.t-last
>
> or to target both cases:
> .id-header, .id.t-first.t-last { width:700px; background:lightgreen}
>
> there is a comprehensive resource
> http://www.w3.org/TR/REC-CSS2/selector.html
>
> Davor Hrg
>
> On Fri, Feb 15, 2008 at 9:59 AM, Angelo Chen <an...@yahoo.com.hk>
> wrote:
>>
>> Hi,
>>
>> in the t5.0.9, the grid's column header's css is, field name plus
>> header, so
>> we have this:
>>
>> <th class="id-header">Results</th>
>> for this I can have :
>> .id-header { width:700px; background:lightgreen}
>>
>> but now, for the same template we have this:
>>
>> <th class="id t-first t-last">Results</th>
>> and how can I specify a css for "id t-first t-last"? please help,
>> thanks,
>>
>> A.C.
>>
>>
>>
>>
>>
>> --
>> View this message in context:
>> http://www.nabble.com/T5%3A-grid%27s-css-in-5.0.10-tp15496172p15496172.html
>> Sent from the Tapestry - User mailing list archive at Nabble.com.
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> For additional commands, e-mail: users-help@tapestry.apache.org
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
>
--
View this message in context: http://www.nabble.com/T5%3A-grid%27s-css-in-5.0.10-tp15496172p15513598.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: T5: grid's css in 5.0.10
Posted by Davor Hrg <hr...@gmail.com>.
no problem
you have three classes:
id
t-first
t-last
you can target it:
.id.t-first.t-last
or to target both cases:
.id-header, .id.t-first.t-last { width:700px; background:lightgreen}
there is a comprehensive resource
http://www.w3.org/TR/REC-CSS2/selector.html
Davor Hrg
On Fri, Feb 15, 2008 at 9:59 AM, Angelo Chen <an...@yahoo.com.hk> wrote:
>
> Hi,
>
> in the t5.0.9, the grid's column header's css is, field name plus header, so
> we have this:
>
> <th class="id-header">Results</th>
> for this I can have :
> .id-header { width:700px; background:lightgreen}
>
> but now, for the same template we have this:
>
> <th class="id t-first t-last">Results</th>
> and how can I specify a css for "id t-first t-last"? please help, thanks,
>
> A.C.
>
>
>
>
>
> --
> View this message in context: http://www.nabble.com/T5%3A-grid%27s-css-in-5.0.10-tp15496172p15496172.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org