Как сделать эти точки и их меню?

Question

[Levott]

не знаю как сделать эти точки, сказали что при клике на кнопку должно выдвигаться меню цветов(выделил и точки и меню) и при клике на определенный цвет он должен меняться(т.е товар должен краситься в тот выбранный цвет), сверстал все кроме кнопок, банально не понимаю как их делать, пытался через посишн абсолют- при уменьшении экрана уже ничего не сходится а выдвижное меню вообще не хочет работать, надеюсь объяснил вопрос. Хелп плиз!

Comments

[sharpsss]

Ну да через позишн абсолют, ну при адаптиве есть медиа запросы например

[szQocks]

Если при клике товар должен краситься в нужный цвет, то это не цельное изображение, а набор изображений, и к каждому изображению - позиционируешь свою точку.

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

[Levott]

szQocks, насчет красить - есть набор изображений - через js при клике буду менять

[Levott]

Levott, поставил как фон и буду менять бэграунд

[szQocks]

Levott, придётся мучиться с позиционированием точек, другого варианта нет, они в любом случае будут сползать- так как нет магического свойства в css что бы в изображении элемент спозиционировать

как тебе сказал sharpsss - медиа запросы в помощь

[Ankhena]

media там понадобятся, только если картинка меняется (пропорции), если нет, то через банальный calc и проценты.