Как сжать картинку пропорционально? @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 8 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
sergeylandar
новый человек
24
Сообщения: 47
Зарегистрирован: 19.10.05
Откуда: Ukraine
Заголовок сообщения: Как сжать картинку пропорционально?
Сообщение Добавлено: 26 Декабрь 2007, 14:10:30 
есть разные картинки с разными размерами по width and height

и например у меня есть div у которого ширина 50px и высота 60px

как с помощью css сделать так чтобы разные картинки пропонционально уменьшались и влазили в этот div

подскажите плз, может пример у кого есть

заренее пасибки!
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 26 Декабрь 2007, 15:55:46 
sergeylandar, Тупо выставляешь ширину картинке 50px, а на див вешаешь overflow:hidden;

_________________
Frontend developer: IonDen.com
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 26 Декабрь 2007, 15:58:37 
IonDen666, и при этом действительно будет пропорциональное масштабирование?
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 26 Декабрь 2007, 16:14:10 
баян

Код:
<div style="width:100px;height:50px;border:1px solid red;"><img src="bla_bla.gif" style="width:100%;" /></div>


для наблюдательных: высота имиджа не должна указываться.

оффтопик:
ПС. sergeylandar, так глядишь, пару тем на форуме — и специальность освоишь… :mrgreen:

_________________
клетчатый!
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 26 Декабрь 2007, 16:35:10 
karamba, вполне верю, что сработает, к примеру, для картинки с пропорциями 2:1.

А с пропорциями 1:2?
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 26 Декабрь 2007, 16:47:58 
Crazy, как задачу поставили — так я и решил. О доп.условиях речи не было.
Но это не принципиально:
Код:
style="max-width:50px;max-height:60px;"

ширина/высота имиджа = ширина/высота дива

для ИЕ<7 автор пусть уж сам экспрешн напишет, он простой )

_________________
клетчатый!
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 26 Декабрь 2007, 16:53:53 

karamba писал(а):
О доп.условиях речи не было.



Там изначально все так. :)
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 26 Декабрь 2007, 16:58:09 
Crazy, зная твоё занудство — спорить не буду :D
«разные картинки» — лишь бы не круглые

_________________
клетчатый!
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 8 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100