Перейти к содержимому



Уменьшить картинку на сайте

#1 slaip

slaip
  • Неактивные
  • 15 сообщений
  • Репутация: -2
0

Отправлено 23 Июнь 2013 - 19:53

Здравствуйте!

Делаю сайт на Drupal http://mirta.ygastik.ru/node/87 . И столкнулся с проблемой. Мне нужно уменьшить три нижние картинки. Я вывел их отдельным классом (class="image_style")в блоке.

<a class="fancybox-thumbs" data-fancybox-group="thumb" href="/sites/default/files/pictures/2.jpg"><img alt="" src="/sites/default/files/pictures/1.jpg" class="image_style""></a>


Но они не уменьшаются.

Я могу уменьшить их через 331 строку, убрав width: 100%; но тогда расползаются картинки у тизеров. Помогите с решением.

331 строка
#main-wrapper img, .region-header-bottom img {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
height: auto;
padding: 5px;
width: 100%;

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как сделать картинку уникальной
  2. Массовая оптимизация картинок — уменьшение размера без потери качества
  3. Изображение поверх сайта
  4. Изменение размера картинки при уменьшении окна браузера
  5. Откуда загружать фото на сайт


Оформление форума – IPBSkins.ru