За последние 24 часа нас посетили 22178 программистов и 1682 робота. Сейчас ищут 1593 программиста ...

Отдельный css стиль для изображения

Тема в разделе "HTML и CSS", создана пользователем saizar, 19 июл 2013.

  1. saizar

    saizar Активный пользователь

    С нами с:
    17 авг 2010
    Сообщения:
    15
    Симпатии:
    0
    Доброго времени суток. Есть сайт на движке dle http://playgrad.ru - в его шаблоне в папке стилей тегу img отвечающего за все изображения, соответствует правило:

    Код (Text):
    1. img {background:none; padding:0px;border:0px;
    2. margin: 0px;
    3. width: expression(this.scrollWidth > 249 ? "250px" : "auto");
    4. max-width: 250px;
    5. }
    а оно значит что ширина изображений не должна превышать 250 пикселей, но на главной странице размещен баннер стандартными средствами движка, его размер больше 250 и у него нужно убрать ограничения эти

    пробовал в главном файле шаблона main.tpl сделать так

    Код (Text):
    1. <div class="steam">{banner_steam}</div>
    где {banner_steam} тег выводящий баннер на главной.

    а затем в css прописал

    Код (Text):
    1. steam {background:none; padding:0px;border:0px;
    2. margin: 0px;
    3. width: expression(this.scrollWidth > 249 ? "250px" : "auto");
    4. max-width: 550px;
    5. }
    в котором я разрешил макс. ширину для дива steam - 550 пикселей но это не помогло. Как я понял потому что картинка этого баннера все равно понимается движком как img для которого ограничение 250

    Подскажите решение ?
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    наверное самое время задать css для картинки баннера ;)
     
  3. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.794
    Симпатии:
    1.331
    Адрес:
    Лень
    может пригодится..
    input:not([type="text"]):hover {
    background: url("http://site/images/2.gif") repeat-x scroll 0 0 #404040;
    border: 1px solid #43423D;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #ff0000, 0px 2px 3px #ff0000;
    color: #ff0000;
    text-shadow: 0 -1px 0 #191919;
    font-size:8pt;
    font-family:verdana,arial,helvetica;
    padding: 2px 3px;
    cursor: pointer;
    }