<rmcreative>

RSS

Все заметки с тегом «background»

Можно уточнить:

    (7)
    (1)
    (1)
    (1)
  1. Каскад background-а для table в IE7

    16 декабря 2010

    Сегодня IE7 преподнёс неприятный сюрприз. Необходимо было положить фоновую картинку под table. Положил. Проверил в IE8 и остальных. Порадовался. Открыл IE7 и был немного удивлён тем, что картинка повторяется. Сначала подумал на несрабатывание no-repeat, но оказалось, что background, заданный для table, в IE7 каскадируется на каждую td. Итого, чтобы положить фон под всю таблицу пришлось:

    /* задать фон */
    #mytable {
      background: url(/images/table-bg.png) no-repeat 0 0;
    }
     
    /* вернуть прозрачный фон ячейкам */
    #mytable td {
      background: transparent;
    }

    И, всё-таки, как приятен IE после Outlook…

    3 комментария
  2. Fixed background images

    30 января 2009

    Дмитрий показывает, чего можно достичть при помощи простой техники фиксирования фона.

    Читаем

    Также очень советую хотя-бы раз увидеть страничку We Bleed Design.

    Комментировать
  3. Несимметричный фон на центрированном сайте

    1 октября 2007

    Комментировать
  4. Свойство background

    28 мая 2007

    Хороший материал по свойству CSS background.

    Читаем

    Комментировать
  5. Ещё раз про «Два фона в одном блоке»

    23 февраля 2007

    Всё-таки решение нашлось!

    <div class="pullquote">
      Самое интересное в цитатах это то, что их читают
    </div>
    .pullquote {
      width: 25%;
      font-size: 125%;
      line-height: 140%;
      margin: 10px;
      background: url(/images/closequote.gif) no-repeat bottom right !important;
      padding: 0px 35px 5px 5px;
      border: 1px dotted #9b4b4b;
      text-align: justify;
    }
     
    .pullquote:first-letter {
      background: url(/images/openquote.gif) no-repeat left top!important;
      padding: 5px 2px 10px 35px!important;
    }

    Работающий пример

    p.s. говорим спасибо http://www.webmakerslounge.com/.

    3 комментария
  6. По поводу заметки

    21 февраля 2007

    Хочу сказать немного про разметку:

    <div class="mydiv">
       <div>
         ...
       </div>
    </div>

    Да, к сожалению другого решения до массового применения CSS3 не видится.

    Комментировать
  7. Два фона в одном блоке

    19 февраля 2007

    У вас ни разу не возникало желание для одного блока поставить фоном два изображения: одно слева, другое справа? Например, чтобы оформить скруглённые уголки?

    Решение:

    .mydiv {
      background: url(/images/right.gif) no-repeat bottom right;
    }
    .mydiv:first-letter {
      background: url(/images/left.gif) no-repeat left top;
    }
    1 комментарий