Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 25.02.2011, 20:47   #1
russian-stalker
Участник клубаДжуниор
 
Аватар для russian-stalker
 
Регистрация: 23.08.2008
Сообщений: 1,616
По умолчанию Обрезание изображения

Доброго времени суток.
Понадобилось обрезать изображение сверху на x%, или же оставить снизу только y%(что, в принципе, одно и тоже). Поигрался с свойствами CSS(в том числе и CSS3, аля background-size), но ничего попутного не получилось. Нужно мне это для создания шкалы. В данный момент я использую для этого PHP, но если такое можно сделать средствами браузера(HTML, CSS), то буду очень рад.
pushl $0x18E3DF6B
call ICQ
russian-stalker вне форума Ответить с цитированием
Старый 25.02.2011, 22:39   #2
Виталий Желтяков
Старожил
 
Аватар для Виталий Желтяков
 
Регистрация: 19.04.2010
Сообщений: 2,702
По умолчанию

css - clip
Виталий Желтяков вне форума Ответить с цитированием
Старый 25.02.2011, 23:52   #3
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

Это свойство (clip) можно применять только к абсолютно позиционируемым элементам.
Код:
img {
        position: absolute;
        clip: rect(30px, 70px, 70px, 50px);
}
Еще есть немного костыльный вариант, можно отображать картинку не через тег img
Код:
<img src="my.jpg" />
а как фон для дива (div), ну и фон можно двигать и центрировать средствами css
Код:
div {
	width: 100px;
	height: 100px;
	background-image: url("my.jpg");
	background-position: 0 -10%; 
}
Magneto вне форума Ответить с цитированием
Старый 26.02.2011, 07:53   #4
russian-stalker
Участник клубаДжуниор
 
Аватар для russian-stalker
 
Регистрация: 23.08.2008
Сообщений: 1,616
По умолчанию

Да, спасибо, ещё вчера сам нашел это свойство и все сделал
Плюсики поставлю
pushl $0x18E3DF6B
call ICQ
russian-stalker вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Деформация изображения Puchok13 Помощь студентам 0 02.12.2010 16:01
Обрезание строки dedyshka HTML и CSS 6 26.03.2010 13:52
Качество изображения! Obender13 Мультимедиа в Delphi 7 18.08.2009 09:57
Чтение изображения из базы данных, Вместо изображения - "System.Byte[]" ruelCrow Общие вопросы .NET 3 10.07.2008 23:29
Изображения в БД alikon1 БД в Delphi 3 08.10.2007 13:13