Question

Здравствуйте. Хотел для фото в материалах задать обтекание текстом с правой стороны и закругление углов. В CSS нашел только один стиль для изображений img{vertical-align:middle}

.eMessage img, .eText img - не нашел...

Попытался изменить на img{vertical-align:middle;max-width:100%;height:auto!important;float: left;margin:5px 20px 5px 0!important;border:0!important; -webkit-border-radius: 5px;border-radius: 5px}

Правильно или нет не знаю (подсмотрел на другом ресурсе). Обтекание и углы реализовались, но иконки, аватарки тоже обрели этот стиль - всё сдвинулось. Вернул обратно.

Вопрос: Как к изображениям только в материалах задать свой стиль и реализовать вышеописанное (чтобы других img на сайте это не касалось)? Спасибо

 

 

Answer 1

добавьте в таблицу стилей строчку

.eMessage img{vertical-align:middle;max-width:100%;height:auto!important;float: left;margin:5px 20px 5px 0!important;border:0!important; -webkit-border-radius: 5px;border-radius: 5px}

и будет как вы хотите

Comments

Спасибо. Добавил. Не работает к сожалению. (Я так уже пробовал...)

---

mitinskaya37,

удалите лишнюю скобку

  }

---

webanet,

Удалил. не помогает. (Кэш браузера очичищаю...)

---

mitinskaya37,

значит удалите снизу и добаьте в самый верх

---

webanet,

Да! Всё работает. Большое спасибо за помощь!