web-dev-qa-db-fra.com

Comment créer un organigramme / diagramme en utilisant uniquement HTML et CSS

J'ai besoin de faire un diagramme vraiment compliqué pour un site Web, dans lequel la hiérarchie sera un peu désordonnée: les flèches monteront et descendront, parfois un élément pointera vers plusieurs autres, et parfois il y aura plusieurs éléments pointant vers le même . J'ai trouvé cette méthode , mais elle n'autorise pas plus d'un parent pour un élément et ne fera donc pas l'affaire dans ce cas.

Cela doit être fait en HTML/CSS, car mon intention est d'ajouter du Javascript pour changer le contenu des blocs de façon dinamique.

Voici un exemple du niveau de complexité que je dois atteindre: chart

26
Variax

Vous voudrez peut-être y jeter un œil

http://thecodeplayer.com/walkthrough/css3-family-tree

17
Dineshkumar

Un autre à rechercher est SpaceTree exemple par "Nicolas Garcia Belmonte" mais pas une pure solution CSS. Il est compatible avec IE et la plupart des navigateurs. Vaut vraiment le coup.

3
Sanjay Zalke