@xpyctep

Люди добрые, подскажите, реально ли вообще то, что мне хочется сделать?
Я делаю семейное дерево, но я уже неизвестно сколько ищу, уже надежду теряю. Как написать - даже не представляю.... ((( Приложенно фото, то что синим, у меня получается ( вот ссыль thecodeplayer.com/walkthrough/css3-family-tree?s=rl ), то что красным - хочется чтоб было, но никак (( я уже и JS искал, и что только не пробовал, везде просто вид дерева, ветки можно делать только в одну сторону, а с другой стороны нельзя их соединить (

Суть такова, что сколько бы я в гугле не рылся(уже около двух недель ищу), везде сделанно так, что 1 ребенок, и 2 родителя, 1 ребенок, два родителя, а мне надо что бы добавлять всех детей. Что-бы видно было кто кому дядя, кто кому сестра, и т.д. Я понимаю что UL LI - это не вариант для тех нужд что мне нужно, но не понимаю как это рисовать? Думал как-то дивы соединять линиями, чтоб писать типо div id, pid, level, но не нашел ничего по этому поводу (

Темой мог ошибся, и скорее всего ошибся, но я незнаю, ни на JS ни на Qjuery не нашел(
Вот фото - рисунок https://habrastorage.org/files... 54e483.jpg

0

@Almag13

див и классами, как вариант... классу присваивается after и before с абсолютным позиционированием

0

@xpyctep

А можно попродробнее? Может натыкались случайно на статью какую нибудь с примером по такому? Я просто гуглил с дивами, ничего не выдает, ни на рус, ни на англ

0

@Almag13

Тут как, вам нужно смотреть в сторону инструментов по реализации данного проекта...

Например, выделите одинаковые элементы, которые повторяются по дизайну, далее придумываете класс ему. В этом классе указываете псевдоэлементы after и before.

У вас задача индивидуальная так сказать. То есть ее решить по своему нужно, нет решения, если и есть, то на примерах какого нибудь сайта, где это реализовано

0

@Shakalaka

https://plugins.jquery.com/connections/
демо - http://musclesoft.github.io/jquery-connections/

0