Как сверстать блок из PSD? Точнее, как реализовать?

Question

[Кирилл Кириллов]

Всем привет! Как реализовать вот такое в верстке? Или на чем можно реализовать? И чтобы все это дело ризайзилось и масштабировалось при уменьшении окна.

Answer 1

[Олег]

как минимум выучить css лучше

Comments

[Кирилл Кириллов]

А по существу?

[Сергей Горячев]

Кирилл Кириллов, А по существу, ты просишь готовое решение, ибо не понимаешь как сделать, поэтому совет выучить правильный. Так как никто не будет сидеть и верстать такой блок для тебя.

[Кирилл Кириллов]

Сергей Горячев, я не прошу верстать за меня... просто пару предложений, с чего начать... можно ли на одном css или js нужен. Вот это имел ввиду!

[Сергей Горячев]

Кирилл Кириллов, Ну, правильный так - для верстки этого блока только CSS. А динамику, переключение, лучше сделать на JS, хотя можно и без него, чекбоксами.

[Сергей Горячев]

Кирилл Кириллов, В любом случае, твой вопрос больше похож на задание. Сделай что-то сам, набросай то, что не получается, потом покажи и попроси помощи. А сейчас объяснить словами просто нереально.

[Олег]

Сергей Горячев, Согласен!

[Кирилл Кириллов]

Сергей Горячев, ок, понял!

Answer 2

[Ivan Bogachev]

Расположить круглые кнопки по кругу можно примерно так. На маленьких экранах можно убрать все трансформации и поставить кнопки в столбик/строчку. Логику переключения стоит делать на JS, чистый CSS - это интересно, но не практично.

Comments

[Кирилл Кириллов]

Ок, спасибо! Буду думать!

Answer 3

[Ильдар Бурханов]

легко и просто сделать даже при помощи CSS, без всяких JS