CSS Flowcharts and Diagrams

Creating diagrams with PHP and CSS

[erikcw]

Hi all,

I'm working on a project where I need to create a tree diagram of parent/child relationships.

I've got the database setup, that part was easy. However, I have no idea where to start with the presentation layer for this. I'm thinking some sort of icon for each node and a connecting line. Maybe some sort of css to produce the graph?

Can anyone point me in the right direction for coding this?

Thanks!

[coopster]

You mean like a directory tree structure?

Parent 
- child1 
   subchild 
   subchild 
- child2 
   subchild 
   subchild

[siMKin]

if you create it as an <ul><li> structure, you could do everything with CSS. Childs can be recognised as an UL 'hanging' underneath an LI. In CSS that is:
LI UL {

}

[henry0]

siMKin outlined the basic CSS.

And using CSS flexibility will let you making it looking nice by using customized bullets.