Подстроить размер картинки в блоках симплепортал

Автор Dimon S., 28 февраля 2016, 15:38:18

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Dimon S.

Всем привет. Возник вопросик...
В блоках симплепортала ставлю картинки через код чтоб были кликабельны с переходом на сайт.
Хочу поставить картинку размером во весь блок. Но если ставлю во весь. К примеру 700 пикселей по длине, то на экранах телефонов или планшетов картинка неровная и съезжает в сторону.
Если ставлю 500 пикселей. Везде всё ровно. Но тогда сама картинка в блоке меньшего размера и смотрится ущербно... Вокруг неё еще большое количество пустого пространства в блоке...
Подскажите как можно ставить картинки во весь блок, и чтоб они подстраивались под экраны никуда не выезжая? :)

Yworld_garry

Используйте
max-width: 100%; - в общем ваш размер в % или px...это не зная куда вы вставляете и как, но по идеи сработает.

Dimon S.

Цитата: Yworld_garry от 28 февраля 2016, 16:17:37Используйте
max-width: 100%; - в общем ваш размер в % или px...это не зная куда вы вставляете и как, но по идеи сработает.
Блок симплепортала.
Вот форум: www.русская-монета.рф

Yworld_garry

Мне не видно вставленных картинок в блоки.
да собственно попробуйте как я написал, добавьте в стили к картинке.

-----
Увидел по центру видимо))

вот так вставьте и посмотрите, должно работать

<a href="http://aucrusskaya-moneta.ru"><img style="max-width: 100%;" src="http://s1.radikale.ru/uploads/2016/2/26/c62c2acbccea469b22f29c60f675d7e6-full.jpg" data-pin-nopin="true"></a>

Dimon S.

Цитата: Yworld_garry от 28 февраля 2016, 22:39:45Мне не видно вставленных картинок в блоки.
да собственно попробуйте как я написал, добавьте в стили к картинке.

-----
Увидел по центру видимо))

вот так вставьте и посмотрите, должно работать

<a href="http://aucrusskaya-moneta.ru"><img style="max-width: 100%;" src="http://s1.radikale.ru/uploads/2016/2/26/c62c2acbccea469b22f29c60f675d7e6-full.jpg" data-pin-nopin="true"></a>
Спасибо большое!