| Page 1 of 1 | [ 2 posts ] |
|
I am using the following tree.css. The alignment of tree structure is missing in IE8 ( works fine in IE6). Please help
Quote: /* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */ /* first or middle sibling, no children */ .ygtvtn {background: url(../../img/default/tn.gif) 0 0 no-repeat; width:16px; height:22px; } /* first or middle sibling, collapsable */ .ygtvtm {background: url(../../img/default/tm.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* first or middle sibling, collapsable, hover */ .ygtvtmh {background: url(../../img/default/tmh.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* first or middle sibling, expandable */ .ygtvtp {background: url(../../img/default/tp.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* first or middle sibling, expandable, hover */ .ygtvtph {background: url(../../img/default/tph.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* last sibling, no children */ .ygtvln {background: url(../../img/default/ln.gif) 0 0 no-repeat; width:16px; height:22px; } /* Last sibling, collapsable */ .ygtvlm {background: url(../../img/default/lm.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* Last sibling, collapsable, hover */ .ygtvlmh {background: url(../../img/default/lmh.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* Last sibling, expandable */ .ygtvlp { background: url(../../img/default/lp.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* Last sibling, expandable, hover */ .ygtvlph { background: url(../../img/default/lph.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer } /* Loading icon */ .ygtvloading { background: url(../../img/default/loading.gif) 0 0 no-repeat; width:16px; height:22px; } /* the style for the empty cells that are used for rendering the depth * of the node */ .ygtvdepthcell { background: url(../../img/default/vline.gif) 0 0 no-repeat; width:16px; height:22px; } .ygtvblankdepthcell { width:16px; height:22px; } /* the style of the div around each node */ .ygtvitem { height:22px; font-size: 6pt;} /* the style of the div around each node's collection of children */ .ygtvchildren { } * html .ygtvchildren { height:1%; } /* the style of the text label in ygTextNode */ .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { margin-left:2px; text-decoration: none; } |
|
Did you load reset.css or any of its aggregates? Most css files assume a set of known initial conditions, which only reset.css can provide, since browsers do behave different.
Also, I see you have changed the icons. Are yours really 16*22px? Otherwise, please highlight what your changes have been, I noticed the change in the icons but I'm not about to spend time comparing line by line. If you can put a working sample on-line so we can see it at work, that would be great. |
| Page 1 of 1 | [ 2 posts ] |
| You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum |
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info
Powered by phpBB® Forum Software © phpBB Group