Ограничение размера картинок через CSS

Moony
На сайте с 02.07.2005
Offline
64
1428

Привет!

Подскажите, можно ли ограничить размер картинок через CSS?

a.fatman
На сайте с 15.01.2006
Offline
127
#1

Можно.


img {
width:100px;
height:100px;
}
Moony
На сайте с 02.07.2005
Offline
64
#2
a.fatman:
Можно.


img {
width:100px;
height:100px;
}

Спасибо, только решил поставить height и width, а max-height и max-width, так как нужно именно ограничение, а не жесткая установка.

a.fatman
На сайте с 15.01.2006
Offline
127
#3

max-height и max-width не понимает IE.

L
На сайте с 02.12.2006
Offline
28
Lys
#4
a.fatman:
Можно.


img {
width:100px;
height:100px;
}

А в % указать нельзя? Чтобы картинки разного размера уменьшались пропорционально.

Возьму на продвижение 2-3 сайта. Стоимость оценивается по И.Ашманову (http://www.optimization.ru/articles/seo2007) - по частотности запроса в Рамблере. Собственная методика и П/О для анализа ссылочного ранжирования. Общая паника не волнует!
a.fatman
На сайте с 15.01.2006
Offline
127
#5
Lys:
А в % указать нельзя? Чтобы картинки разного размера уменьшались пропорционально.

Можно. Только продумайте, от чего вычислять проценты.

Ёжик В Тумане
На сайте с 26.07.2006
Offline
16
#6

Moony, Ваша задача решается очень просто, попробуйте через expression:


img{
width: expression(this.parentNode.scrollWidth > 100 ? '100': this.parentNode.scrollWidth);
max-width:100px !important;
}

идею надеюсь уловили, доработаете сами ;) ;).

Ушел в себя, забыл про форум.
Вернусь ли? Не знаю... Если нужен, пишите в аську...
Mmonger
На сайте с 01.12.2005
Offline
165
#7

expression() не будет работать при отключённом javascript'е, но это действительно самый разумный способ бороться с ие. Лучший вариант - одновременное использование max-width, max-height и expression(...).

Подробнее можно посмотреть тут: http://xhtml.ru/2005/06/11/max-width/

Всё будет хорошо, но мы приложим усилия!
Moony
На сайте с 02.07.2005
Offline
64
#8

Всем спасибо за советы. Кстати, в IE7 max-height уже работает.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий