Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Уменьшение/увеличение изображений
 
 автор: Deigo   (25.05.2010 в 19:07)   письмо автору
 
 

Возможно, вопрос совершенно идиотский, но поскольку самостоятельно я ответа не нашла, осмелюсь все ж таки обратиться с ним к знающим людям.
Есть макет, 5 одинаковых колонок. Для каждой установлена ширина 20%. В каждой колонке должна быть картинка. Изначальный размер картинки 200*300 px. Требуется, чтобы на большом мониторе картинки были большими, а на маленьком соразмерно уменьшались и помещались в колонках. Вместо этого на маленьком мониторе каждая следующая картинка перекрывает предыдущую на нехватающую ширину.
Соответственно, вопрос: как заставить картинки уменьшаться до размера колонок?

  Ответить  
 
 автор: AlexSol   (25.05.2010 в 20:26)   письмо автору
 
   для: Deigo   (25.05.2010 в 19:07)
 

укажите картинкам только ширину. например
<img src=" ... " width="100%">
еще можно поставить колонкам стиль overflow:hidden - все что будет вылазать за пределы колонок будет скрыто.
третий вариант - решение с использованием js. на пример обрезать картинку по заданным размерам.

  Ответить  
 
 автор: Deigo   (26.05.2010 в 20:00)   письмо автору
 
   для: AlexSol   (25.05.2010 в 20:26)
 

Спасибо большое. Установила картинкам 100% и вроде все выглядит, как надо (попозже еще другой монитор подключу, чтобы проверить). Так просто, а я догадаться не могла.
Метод с overflow:hidden не подходил, т.к. он обрезал картинки, а не уменьшал.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования