Displaying a tree in schema with CSS

swbcanning

New Member
First of all, sorry for my english, it is not perfect. I have a tree ordered in ul lists, something like this (it is dinamic):\[code\]<ul> <li> Level 1 <ul> <li>Item level 2</li> </ul> </li></ul><ul> <li> Level 1 <ul> <li> Item level 2 <ul> <li>Item level 3</li> <li>Item level 3</li> </ul> </li> <li> Item level 2 </li> <li> Item level 2 </li> </ul> </li></ul>\[/code\]This is the result I would like:http://oi48.tinypic.com/dpgt4p.jpgI would like to join each father with its son with lines. I know how to display each div correctly with display:table, display:cell, etc... But I have no idea about how to draw those lines with css for joining the divs.Has anybody any idea or suggestion please? I would like to combine HTML + CSS or any solution with Javascript.Have you ever seen before something like this?
 
Back
Top