Здравствуйте, есть сайт на Drupal 6. Страницы сайта нефиксированной ширины. На странице выводятся картинки либо по 4 штуки с описанием снизу, либо по 1-2 с описанием справа. Выводятся в виде превьюшек 180px в ширину (если меньше, то получается некрасиво). Однако замечено, что на компьютерах с малыми экранами (к примеру, нетбуках) они не вмещаются на экране. Если сделать превьюшки в процентах, то на больших экранах они увеличиваются сверх положенного. А теперь вопрос - как можно сделать так, чтобы на больших экранах картинки отображались шириной 180px, а на маленьких - в процентах?
З.Ы. Если нужно, то разбивка в ноде выполнена в виде таблицы.
Заранее спасибо за помощь.
Комментарии
у стилей есть свойства max-width
вот им и пользуйтесь.
но лучший вариант - это ксс3. или лпгины на джейквери. их много для подобных целей.
но я бы сделал иначе.
представление вывода - список или вьюхи, далее черрез флоат лефп позиционирование по правому краю.
то есть при открытии на большой ширине - они будут в ряд, скажем 5 картинок в ряд.
при малой ширине - 3 и так далее.
"А ларчик просто открывался" Спасибо большое. Ведь знал про это свойство, но забыл. Уже полез во всякие дебри, начал пробовать сделать 2 разных стиля с двумя разными div-контейнерами, которые бы выключались в зависимости от разрешения экрана. А тут всего один дополнительный параметр...
В моем случае не пойдет. "Гранаты не той системы"
А еще один вопросик: а как это свойство "max-width" применить к ячейке? А то оно почему-то игнорируется. Если выставлено, к примеру, «width: 26%; max-width: 180px;», то ширину выставляет все равно 26% от ширины таблицы и хоть ты тресни. Картинка в ячейке нормальная, а справа - пустое место.
И как это применить?