You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Josh Canfield <jo...@gmail.com> on 2012/01/01 19:13:13 UTC

Re: t 5.3.1 tree

I'm guessing that the LI sits on top of the UL when rendered. The tree
images use transparency and if you don't set the background color of the LI
then the background is also transparent and the UL image bleeds through.
Now you have the two backgrounds merged together.
On Dec 31, 2011 1:34 PM, "Chris Collins" <ch...@yahoo.com> wrote:

> Perhaps someone that understands css could help explain the problem I am
> seeing with the tree control.  I am trying to use it with a non white
> background.  The last element of a branch has a background of white (from
> the class t-last found in tree.css).  Tracing the css the LI.t-last defines
> the background to be white.  If you turn that off in the browser (through
> firefox inspection) the wrong image appears for the tree structure, I guess
> thats why the white was applied.  You end up seeing the  tree-vpipe.png
> image so you end up seeing a T shape rather than an L (if that makes sense).
>
> I actually filed a bug on this but was wondering if someone could explain
> why the image of "DIV.t-tree-container UL" seems to be shown even though
> "IV.t-tree-container LI.t-last " image should override it.
>
> I am able to reproduce this on firefox and safari.
>
>
> DIV.t-tree-container LI.t-last {
>    background-color: white;
>    background-image: url("tree-branchend.png");
> }
>
> DIV.t-tree-container LI {
>    background-image: url("tree-branch.png");
>    background-repeat: no-repeat;
>    line-height: 1.5;
>    margin: 0;
>    padding: 0 0 0 16px;
> }
>
> seems to have white because:
>
> DIV.t-tree-container UL {
>    background-image: url("tree-vpipe.png");
>    background-repeat: repeat-y;
>    list-style-type: none;
>    margin: 0 0 0 12px;
>    padding: 0;
> }
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>

Re: t 5.3.1 tree

Posted by Chris Collins <ch...@me.com>.
I think your right.  Looks like.  
On Jan 1, 2012, at 10:13 AM, Josh Canfield wrote:

> I'm guessing that the LI sits on top of the UL when rendered. The tree
> images use transparency and if you don't set the background color of the LI
> then the background is also transparent and the UL image bleeds through.
> Now you have the two backgrounds merged together.
> On Dec 31, 2011 1:34 PM, "Chris Collins" <ch...@yahoo.com> wrote:
> 
>> Perhaps someone that understands css could help explain the problem I am
>> seeing with the tree control.  I am trying to use it with a non white
>> background.  The last element of a branch has a background of white (from
>> the class t-last found in tree.css).  Tracing the css the LI.t-last defines
>> the background to be white.  If you turn that off in the browser (through
>> firefox inspection) the wrong image appears for the tree structure, I guess
>> thats why the white was applied.  You end up seeing the  tree-vpipe.png
>> image so you end up seeing a T shape rather than an L (if that makes sense).
>> 
>> I actually filed a bug on this but was wondering if someone could explain
>> why the image of "DIV.t-tree-container UL" seems to be shown even though
>> "IV.t-tree-container LI.t-last " image should override it.
>> 
>> I am able to reproduce this on firefox and safari.
>> 
>> 
>> DIV.t-tree-container LI.t-last {
>>   background-color: white;
>>   background-image: url("tree-branchend.png");
>> }
>> 
>> DIV.t-tree-container LI {
>>   background-image: url("tree-branch.png");
>>   background-repeat: no-repeat;
>>   line-height: 1.5;
>>   margin: 0;
>>   padding: 0 0 0 16px;
>> }
>> 
>> seems to have white because:
>> 
>> DIV.t-tree-container UL {
>>   background-image: url("tree-vpipe.png");
>>   background-repeat: repeat-y;
>>   list-style-type: none;
>>   margin: 0 0 0 12px;
>>   padding: 0;
>> }
>> 
>> 
>> ---------------------------------------------------------------------
>> 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