|
|
|
| Возможно, вопрос совершенно идиотский, но поскольку самостоятельно я ответа не нашла, осмелюсь все ж таки обратиться с ним к знающим людям.
Есть макет, 5 одинаковых колонок. Для каждой установлена ширина 20%. В каждой колонке должна быть картинка. Изначальный размер картинки 200*300 px. Требуется, чтобы на большом мониторе картинки были большими, а на маленьком соразмерно уменьшались и помещались в колонках. Вместо этого на маленьком мониторе каждая следующая картинка перекрывает предыдущую на нехватающую ширину.
Соответственно, вопрос: как заставить картинки уменьшаться до размера колонок? | |
|
|
|
|
|
|
|
для: Deigo
(25.05.2010 в 19:07)
| | укажите картинкам только ширину. например
<img src=" ... " width="100%">
еще можно поставить колонкам стиль overflow:hidden - все что будет вылазать за пределы колонок будет скрыто.
третий вариант - решение с использованием js. на пример обрезать картинку по заданным размерам. | |
|
|
|
|
|
|
|
для: AlexSol
(25.05.2010 в 20:26)
| | Спасибо большое. Установила картинкам 100% и вроде все выглядит, как надо (попозже еще другой монитор подключу, чтобы проверить). Так просто, а я догадаться не могла.
Метод с overflow:hidden не подходил, т.к. он обрезал картинки, а не уменьшал. | |
|
|
|