Как отловить размер изображения и позиционировать на нем объекты?

https://jsfiddle.net/1darqptb/1/ ну да, все верно, зачем опять что-то делать, если есть варианты уже адаптивные, ну и ваш вариант, а смысл был его делать ), там же ничего не адаптивно ) и надо чтобы не по центру было, а по левую сторону контейнера. Падинги можно не трогать, об них речи не было.

Все, вот то что надо, я там чуть поправил, https://jsfiddle.net/4mcyeb6f/
Все на самом деле проще чем я думал, я мутил чет подобное но не так выходило.

Спасибо с подсказками.

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, )))))))), да я так делал, а точки, которые текста, идут от точек слева на право. вот по вашему примеру, непонятно что вышло, текста на точках они сверху, а должны быть сбоку и если картинка не адаптивная, то все не влезет, вот в чем проблема. да и сама картинка не по центру должна быть, а слева.
Есть еще проблема, сам текст, 3 строки ! а надо чтобы он был вытянут, каждая строка, а оно вытянулось по max-width: 206px;, хотя вроде текст поверх картинки.

Можно сделать тексту width: 300px;, тогда он вытянут как надо, вот пример.
https://jsfiddle.net/kw7fesp3/

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

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, Блок адаптивный, в нем картинка. я описал выше что я хочу сделать, если вы не понимаете, зачем писать, а то столько спама вышло не по теме.

.cnt {
  max-width: 1200px;
  min-width: 280px;
  margin: 0 auto;
  padding: 0 50px 0 50px;
  background: #111016;
}

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, вот пример, https://jsfiddle.net/qp4vrcza/1/, картинка растянулась больше чем она есть, надо чтобы она не растягивалась больше чем она есть.

Пытался сделать, но не вышло, чтобы все четко адаптировалось.

Всплывающая банерная реклама в chrome, как удалить?

Да, помогло ! пока ничего не вылезает )

Всплывающая банерная реклама в chrome, как удалить?

Спасибо, первым делом на вирусы комп и проверил.

Всплывающая банерная реклама в chrome, как удалить?

Спасибо

Всплывающая банерная реклама в chrome, как удалить?

Спасибо, первым делом что сделал это просканил.

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, Так я выложил пример и написал и спросил как сделать то что я хочу.
https://jsfiddle.net/qp4vrcza/1/

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, растягивается все и блок и картинка должна быть, но по примеру который я скинул, видно что там чет она растянулась через чур. все адаптивное должно быть.

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, Привет, столкнулся с другим примером, там картинка не большая, вот пример.
https://jsfiddle.net/qp4vrcza/1/

Картинка растянулась, что с этим делать-то?
Как нормально сделать, чтобы я мог точку нормально поставить и все адаптировалось нормально.

Перебирал разные варианты и не вышло, вариант который выше скидывал RAX7 пробовал, и тож самое.

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, Ну я так и сделал и все стало ок ! решил проблему с мелкими сдвигами при адаптации.

Анимированные точки на картинке, как реализовать?

Адаптивный пример вот, картинка с точкой адаптивная, https://jsfiddle.net/naqu3fdo/

Как отловить размер изображения и позиционировать на нем объекты?

Как лучше ровнять, отключаем анимаху и подбираем процент width: %; height: %; у родителя, пока не ляжет в тютельку все миллиметры, я так смог ровно поставить точку на точку которая на картинке, но все равно есть но, когда сжимаешь экран браузера, сдвиги есть, идеально не реально сделать?

пиксели
width: 140px;
height: 140px;

в процентах
width: 11.9%;
height: 11.9%;

все ровно легло, вроде )) точка на точку.

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, подровнял исходник картинки сделал width: 140px; height: 140px; чтобы ровно квадрат был.

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, не совсем понимаю чет запутался.

Как отловить размер изображения и позиционировать на нем объекты?

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

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, а вот и результат. https://jsfiddle.net/naqu3fdo/

Как отловить размер изображения и позиционировать на нем объекты?

Ankhena, а понял вас, то есть width: 139px; height: 141px; заменяю px на % и подгоняю циферки. это у родителя, а как быть с классом который для картинки?

.ia{
position: absolute;
-webkit-animation: pulsate .5s infinite alternate;
animation: pulsate .5s infinite alternate;
}

Как отловить размер изображения и позиционировать на нем объекты?

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