Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Можно ли как-нибудь сохранить пропорции картинки в тебе img?

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Как background-size: contain только для img.
Webtest
Отправлено: 07 Октября, 2014 - 16:30:50
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




Здравствуйте!
Для ДИВа есть такой стиль background-size: contain, который масштабирует картинку в блоке по пропорциям. А как такое же сделать для тега img?

Если что не понятно, могу подробнее расписать!
 
 Top
Zuldek
Отправлено: 07 Октября, 2014 - 16:37:05
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




Никак.
Отдавать картинку того размера, которая должна быть в img

(Отредактировано автором: 07 Октября, 2014 - 16:37:22)

 
 Top
Webtest
Отправлено: 07 Октября, 2014 - 17:01:26
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




Zuldek пишет:
Никак.

Это плохо, почему в html / css не сделали такую очевидно нужную вещь?
 
 Top
Zuldek
Отправлено: 07 Октября, 2014 - 17:07:25
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




Вы можете указать фиксированные размеры картинки и она у вас растянется и покривится согласно размерам в теге img. Но этого делать не стоит.

Очевидно это для вас, но не значит что правильно.
Многие браузеры некорректно рендерят картинку если им прописывать размеры и пропорции, которым она не соответствует да её и сложно корректно отрендерить потому что это задача не браузера и уж тем более не html, а разработчика. Вы можете увеличить, скрыть лишнюю часть картинки средствами html, но никак не внести изменения в сам файл, выполнив обрезку. Есть решение на canvas но уверен что это совершенно не то что вам требуется.

(Отредактировано автором: 07 Октября, 2014 - 17:10:59)

 
 Top
Webtest
Отправлено: 07 Октября, 2014 - 17:09:31
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




Zuldek, ну, див бэкграундсайз: контейн рендерит нормально.
 
 Top
Zuldek
Отправлено: 07 Октября, 2014 - 17:13:00
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




Webtest пишет:
Zuldek, ну, див бэкграундсайз: контейн рендерит нормально.

Сделайте картинку фоном div и указывайте если вам так нравится. В чем проблема?
 
 Top
Webtest
Отправлено: 07 Октября, 2014 - 17:26:55
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




Zuldek, в джумле при редактировании html, почему-то, если div оказывается внутри тега а, то теги а удаляются. А мне нужно чтобы картинка вела на другую страницу.
 
 Top
Zuldek
Отправлено: 07 Октября, 2014 - 17:37:21
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




очевидно потому что глупо оборачивать div в a. Сделайте <a class="aindiv" href="#"></a> внутри дива и задайте ему стиль как блоку с нужными размерами.
Либо задайте для img display:block; и оперируйте любыми свойствами блока
В чем проблема ?

правильно выберайте раздел для темы. Вы пишите в php.

(Отредактировано автором: 07 Октября, 2014 - 17:44:17)

 
 Top
Webtest
Отправлено: 07 Октября, 2014 - 17:51:34
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)




Zuldek, надо попробовать, спасибо.
А я тут иногда спрашиваю о цсс или хтмл т.к. в нужном разделе перекатиполе Хм
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB