menu tree ... please help with HTML

[JohnTirone]

I have created my own version of a folding menu tree for our application. I would like to use my own because our application potentially has BILLIONS of nodes.

I've got one problem ...

My menu almost looks like an Windows Explorer menu ... with one exception. If the user opens a folder (and your on the second level), there is no "dotted" line to the higher menu node beneath.

I WOULD LIKE TO HAVE THE DOTTED LINE & DON'T WANT TO USE AN IMAGE TO DO IT.

A text representation is as follows:

OPENNODE
|
|__OPENNODE
| |
| |_ file
| |_ file
|
|__file

^ The line that the ^ is pointing to is the one that I'm currently
missing.

HOW COULD I DO THE VERTICAL LINE IN HTML?:confused:
Thank you!

[DanHibiki]

Could you post the source?

[JohnTirone]

I really can't ... too much to understand.

I just need to know in how to represent the tree above ... specifically the veritical lines.

Thanks

[DanHibiki]

place your entire menu in a div and set the border right style to dotted...thats all the help I can give without looking at the source

[CrUdE]

dunno, but is it really possible to make a vertical ruler in html, i thaught only a horizontal ruler was possible, I once tried something like u, but i needed a small .gif image to make it look nice

[meow]

<style type="text/css">
p { border-left: 1px dotted blue; height: 50px }
</style>

<p>
No it isn't possible in HTML but it is possible with CSS borders</p>

:D

[JohnTirone]

Thank you everyone!