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



 

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

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


Бывалый
****

Группа: User
Сообщений: 433
Регистрация: 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 явно прописаны ширина и высота - поэтому и тянутся.
Более, без просмотра пациента, сказать невозможно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем сжимать картинки для сайта без потери качества
1st-finstep.ru - Заработок в сети и методы продвижения сайта
15 komarik_vlad 1496 Сегодня, 12:05
автор: x64
Горячая тема (нет новых ответов) ВНИМАНИЕ: Тема имеет прикрепленные файлыПишу тексты для всех и каждого. Цены не кусаются, качество не хромает.
Единственное правило: клиент всегда доволен.
118 Hellnar 50133 Сегодня, 11:31
автор: PostBrigada
Открытая тема (нет новых ответов) Бот для комплексной автоматической рассылки Whatsapp
Бот для комплексной автоматической рассылки Whatsapp
3 danger22 580 Сегодня, 8:30
автор: danger22
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЗапилен сервис добавления водяного знака на картинки
10 Ultrastalker 804 Вчера, 23:27
автор: Ultrastalker
Открытая тема (нет новых ответов) Открыть валютной карты для обменника
6 fair_exchange 394 Вчера, 19:38
автор: Mistic


 



RSS Текстовая версия Сейчас: 17.12.2017, 12:20
Дизайн