Как правильно сверстать такой блок?
Как правильно сверстать такой блок и написать стили?
Красный блок по центру, а зеленые расположены по кругу.
snippet
Дополнительно:
если прямо совсем по кругу, то относительно недавно появившаяся в css тригонометрия
Нужно, чтобы поддержка была браузерами.
Я вижу вариант только position: relative и position: absolute, но думаю есть более правильное решение
Да, фиксируемое. Зеленых 6, а красный 1
Проблема, что html разметка должна быть такой
snippet
snippet
https://jsfiddle.net/Ankhena/z516pbms/
snippet
- Хорошее решение.
- Kentavr16, иногда дизайнеры всякое рисуют, так что извращенства с гридами можно сказать мой конёк )
- IvanU7n, мне на ум пришло только transform rotate, так что рад что есть у кого поучиться.
Ответы:
snippet
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для правильной верстки блока с кодом на языке программирования PHP с использованием тега
следует следующие шаги: 1. Открываем тег <pre lang="php"> перед началом кода на PHP. 2. Напишем наш PHP код внутри тега <pre lang="php">. 3. Закрываем тег
после окончания кода на PHP.
Пример верстки блока с кодом на PHP с использованием тега
: <pre lang="php">
После выполнения этих шагов, код на PHP будет отображаться в отдельном блоке с сохранением форматирования и подсветкой синтаксиса для удобства чтения и понимания. Такой подход поможет пользователям быстрее находить нужную информацию и решать свои проблемы.