X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Какой тег прописать для обрезания картинки
Skovhow
Skovhow
Topic Starter сообщение 6.7.2013, 20:30; Ответить: Skovhow
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 435
Регистрация: 11.1.2010
Поблагодарили: 74 раза
Репутация:   21  


При выводе картинки стоят чётка заданные ширина и высота. В итоге, картинка то сжата по высоте и растянута, то сжата по ширине и опять - растянута.
Есть ли такой тег, который бы... обрезал картинку под нужные размеры, не сжимая её?
P.s. Вся загвоздка в том, что размеры у изображения каждый раз разные, а на выходе нужно получить строго точный размер.

Сообщение отредактировал Skovhow - 6.7.2013, 20:39


--------------------
Активный доход - разработка сайтов. Пассивный доход - получаю тут
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MrFroky
MrFroky
сообщение 6.7.2013, 22:15; Ответить: MrFroky
Сообщение #2


Частый гость
**

Группа: User
Сообщений: 88
Регистрация: 16.6.2011
Поблагодарили: 12 раз
Репутация:   1  


Skovhow, нет, картинки не режутся.
попробуйте объехать при помощи рамочки, которая будет идти поверх картинки. в середине рамочки прозрачное окно) сами изображения через бг подавать - мутно, но получите желаемое.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vibos
Vibos
сообщение 6.7.2013, 22:48; Ответить: Vibos
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 642
Регистрация: 21.8.2009
Из: Украина
Поблагодарили: 122 раза
Репутация:   29  


Если картинки нужно только обрезать, при этом не масштабируя, можно сделать div со стилем overflow:hidden, внутрь ставить картинку. Отступами и позиционированием можно выбрать, какие именно стороны будут обрезаться.

Как альтернатива Вам также, может, подойдут стили max-width и max-height вместо статичных width и height. Таким образом картинки будут сжиматься с сохранением пропорций.

Сообщение отредактировал Vibos - 6.7.2013, 22:52
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 6.7.2013, 23:15; Ответить: rjksdfhe
Сообщение #4


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


ТС, пациента покажие.
Понятно, что в CSS явно прописаны ширина и высота - поэтому и тянутся.
Более, без просмотра пациента, сказать невозможно.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Верстаю для портфолио
5 paradoks0 690 Сегодня, 19:34
автор: paradoks0
Горячая тема (нет новых ответов) Какой посоветуете фильм в кино
139 ekaterina_a 8890 Сегодня, 19:03
автор: Emtec
Открытая тема (нет новых ответов) Русские темы для WordPress. Недорого.
0 SOROKVLAD29 313 Сегодня, 10:16
автор: SOROKVLAD29
Открытая тема (нет новых ответов) Сделать видео для инстаграмма
0 katuwa 405 Сегодня, 8:25
автор: katuwa
Открытая тема (нет новых ответов) LSSender - лучший софт для работы с ВКонтакте
LSSender - программа для качественной рассылки и пиара во ВКонтакте
14 ange007 4034 Вчера, 23:56
автор: ange007


 



RSS Текстовая версия Сейчас: 24.5.2018, 23:58
Дизайн