Comments on: Treemaps from unordered lists and CSS http://decafbad.com/blog/2005/07/02/css-treemaps It's all spinning wheels and self-doubt until the first pot of coffee. Sat, 11 Oct 2008 22:36:13 +0000 http://wordpress.org/?v=2.7-hemorrhage hourly 1 By: vinod ts http://decafbad.com/blog/2005/07/02/css-treemaps#comment-35974 vinod ts Thu, 07 Sep 2006 12:16:45 +0000 http://www.decafbad.com/blog/?p=665#comment-35974 <p>hi,</p> <p>I was looking throught the sites for treemap using dom javascript in browser. i am looking for something similar to the image in web page. i am getting the values like x,y cordinates and their respective width and height and their childs x,y cordinates and their width and height. Can u give some ideas how to start working on it.</p> <p>Thanks in Advance.</p> <p>Regards Vinod T S</p> hi,

I was looking throught the sites for treemap using dom javascript in browser. i am looking for something similar to the image in web page. i am getting the values like x,y cordinates and their respective width and height and their childs x,y cordinates and their width and height. Can u give some ideas how to start working on it.

Thanks in Advance.

Regards
Vinod T S

]]> By: fluffy http://decafbad.com/blog/2005/07/02/css-treemaps#comment-1747 fluffy Tue, 30 Nov 1999 00:00:00 +0000 http://www.decafbad.com/blog/?p=665#comment-1747 <ol> <li><p>You can use a span whose style contains clear:both, or if you already have something which already goes after the list anyway you can set its style to clear:both</p></li> <li><p>You can use container-relative sizes (e.g. width:33% height:25%) or font-relative sizes (width:15em height:10em). Then you have to know how big they'll be in advance, though, or else things might overflow the box, though if you set overflow:auto then you'll get a handy little scrollbar. (note that this is also one of the more annoying places if you want to support IE since it uses totally different semantics than the W3C standards. unfortunately, even a vendor as major as my employer needs to cater to our 70% IE userbase, which is REALLY annoying with some of the CSS/DHTML tricks I'm working with right now.)</p></li> </ol>

  • You can use a span whose style contains clear:both, or if you already have something which already goes after the list anyway you can set its style to clear:both

  • You can use container-relative sizes (e.g. width:33% height:25%) or font-relative sizes (width:15em height:10em). Then you have to know how big they’ll be in advance, though, or else things might overflow the box, though if you set overflow:auto then you’ll get a handy little scrollbar. (note that this is also one of the more annoying places if you want to support IE since it uses totally different semantics than the W3C standards. unfortunately, even a vendor as major as my employer needs to cater to our 70% IE userbase, which is REALLY annoying with some of the CSS/DHTML tricks I’m working with right now.)

    • ]]>         By: Anne http://decafbad.com/blog/2005/07/02/css-treemaps#comment-1748 Anne Tue, 30 Nov 1999 00:00:00 +0000 http://www.decafbad.com/blog/?p=665#comment-1748 <p>For the first you can use generated content in combination with _height:1%; for Internet Explorer. Sometimes it's wise to use some other technique for clearing them though, depends on the situation. (Other technique: http://annevankesteren.nl/2005/03/clearing-floats )</p> <p>For the second, you either want to make smart use of background images or the CSS table module that isn't supported by Internet Explorer.</p> For the first you can use generated content in combination with _height:1%; for Internet Explorer. Sometimes it’s wise to use some other technique for clearing them though, depends on the situation.
    (Other technique: http://annevankesteren.nl/2005/03/clearing-floats )

    For the second, you either want to make smart use of background images or the CSS table module that isn’t supported by Internet Explorer.

    ]]>         By: drunkenbatman http://decafbad.com/blog/2005/07/02/css-treemaps#comment-1749 drunkenbatman Tue, 30 Nov 1999 00:00:00 +0000 http://www.decafbad.com/blog/?p=665#comment-1749 <p>very, very cool</p> very, very cool

    ]]>