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-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org

Reply via email to