Фильтр по:
  

Как ограничить максимальную ширину и высоту картинок?

Как сделать...

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как ограничить максимальную ширину и высоту картинок?
Как ограничить максимальную ширину и высоту картинок?
Дата: Воскресенье, 05.09.2010, 20:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 NikoGiant,
- установи максимальную ширину и высоту картинок в данном блоке ... к данному модулю ... Какие проблемы? ....
Quote
Code
div.блок img.prev{
max-height:120px!important; /* ограничиваем максимальные размеры картинки в контенте. На всякий... */
max-width:120px!important;
}

Где:
div.блок - ваш блок с картинками .... Это - пример.
...
Или - зафиксировать только одну́ сто́рону - бо́льшую, если картинки предполагаются одной пропорциональности - либо высокие, либо широкие ...
Или завести пару классов - для широких картинок и для высоких...

Quote (CSS)
/* StartStyle */
span.prevVert img{
max-height:120px!important; /* ограничиваем максимальные размеры картинки в контенте. Для высоких... */
width:auto!important;
}
span.prevGor img{
max-width:120px!important; /* ограничиваем максимальные размеры картинки в контенте. Для широких... */
height:auto!important;
}
* html span.prevVert img{_height:120px!important;} /* Куда ж, бед ИЕ ... v6 - остальные - понимают ... */
* html span.prevGor img{_width:120px!important;}
/* EndStyle */

☑ Пример ...
...
Скрин - первая - ограничение по вертикали, вторая - по горизонтали ...

...
Естественно, можно пробивать обозреватель и параметры картинки через JS ... и в зависимости от результатов выдавать тот или иной стиль .. Но это того не стоит ... ヅ



Flesh
Прикрепления: _img_prev-1-.html (1.3 Kb) · 9535394.png (15.8 Kb)

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как ограничить максимальную ширину и высоту картинок?
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия