|
|
|
Расположить дивы по кругу
|
|||
|---|---|---|---|
|
#18+
Здравствуйте. На странице имеется несколько дивов. Их надо расположить вокруг одного центра. Нашел такое решение: HTML: Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. CSS: Код: css 1. 2. JS: Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Вроде все работает, но есть несколько проблем. 1. Если число дивов четное, то они должны располагаться по 2 в строку, а этот код в первой и последней строке делает по одному диву. 2. Круг получается по левому краю дивов, мне же нужно, чтобы круг был для дивов, находящихся слева - по правому краю, для дивов, находящихся справа - по левому краю 3. Это наверное не в этот форум, но все-таки напишу здесь. Текст сейчас я указал везде одинаковый. Но на самом деле он разный. И мне надо, чтобы ширина дива была такая, чтобы видно было весь текст в одну строку. width: auto; не помогает На рисунке то, что примерно должно получиться. Подскажите, как мне решить возникшие проблемы, или как сделать то, что на приложенном рисунке ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.10.2018, 13:28 |
|
||
|
Расположить дивы по кругу
|
|||
|---|---|---|---|
|
#18+
Если бы такое пришлось делать мне, то сейчас я бы выбирал между D3.js & svg. Причем, зная себя, предпочел бы первый вариант. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.10.2018, 16:18 |
|
||
|
Расположить дивы по кругу
|
|||
|---|---|---|---|
|
#18+
stanilarЕсли бы такое пришлось делать мне, то сейчас я бы выбирал между D3.js & svg. Причем, зная себя, предпочел бы первый вариант. Не понял чего вы написали. Это - вообще не при делах. А топикстартеру нужно изучать школьную математику и, конечно, DOM. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.10.2018, 18:11 |
|
||
|
Расположить дивы по кругу
|
|||
|---|---|---|---|
|
#18+
ShSerge Если посмотреть на картинку, то все при делах. SVG(а D3 тоже на нем) можно кодить как html. Не при делах, скорее, работа с дивами, потому как задача выходит за границы темы разметки страницы. P/S/ Хотя можно и дивами, да. Тут кто-то картинку на стилях постил. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.10.2018, 19:01 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=39713709&tid=1444027]: |
0ms |
get settings: |
11ms |
get forum list: |
12ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
173ms |
get topic data: |
12ms |
get forum data: |
2ms |
get page messages: |
50ms |
get tp. blocked users: |
2ms |
| others: | 236ms |
| total: | 506ms |

| 0 / 0 |

Извините, этот баннер — требование Роскомнадзора для исполнения 152 ФЗ.
«На сайте осуществляется обработка файлов cookie, необходимых для работы сайта, а также для анализа использования сайта и улучшения предоставляемых сервисов с использованием метрической программы Яндекс.Метрика. Продолжая использовать сайт, вы даёте согласие с использованием данных технологий».
... ля, ля, ля ...