Изображение по ссылке в модуле Новости

Сообщений: 54

Репутация: 15

Сообщение # 1 | 23:58:11 03 Авг 2018

Изображение по ссылке вставляется криво, но при этом указаны размеры.
Беда вот здесь
http://zhitukha.ucoz.org/news....8-03-70

Если вставить не по ссылке, а закачать на сервер, то все отображается правильно, вот для примера другая статья того же модуля "Новости":
http://zhitukha.ucoz.org/news....2-28-67
Здесь фото закачано на сервер и размещено на сайте.

http://www.sherka.ucoz.ru/ статьи на тему -ручная раскрутка сайтов и другие полезные мелочи

Kannagi

Сообщений: 11

Репутация: 0

Сообщение # 2 | 20:06:25 05 Авг 2018

Можно подробнее что не так ?

По ссылке беды у вас прописан style в HTML на размеры изображения.

Можно поправить сss на вид .eMessage img:

Код

max-width: 25% !important;
height: auto !important;

vk.com/unicoder | Написание скриптов любой сложности на ваш сайт, в кратчайшие сроки.

Сообщение отредактировал Kannagi - Воскресенье, 05 Авг 2018, 20:06:53

zarim

Сообщений: 489

Репутация: 82

Уровень замечаний:

Сообщение # 3 | 11:50:10 06 Авг 2018

SHER, строка в таблице стилей

Код

.eMessage img {max-width: 25%;}

ограничивает размер всех картинок по ширине в 25%
Если вам нужно прописать именно эту картинку стилями, тогда так:

Код

То есть добавить: max-width: 100%

SHER

Сообщений: 54

Репутация: 15

Сообщение # 4 | 19:35:44 14 Авг 2018

Вот что у меня в стиле прописано:

.

Код

eMessage img {
max-width: 25%;
border: 3px;
margin:5px 20px 10px 0px;
border-radius: 20px 0 30px 0; /* top left, top right, bottom right, bottom left */
background: #fff; /* Цвет фона */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
padding: 10px;
}

http://www.sherka.ucoz.ru/ статьи на тему -ручная раскрутка сайтов и другие полезные мелочи

Сообщение отредактировал SHER - Вторник, 14 Авг 2018, 19:35:56