Как лучше сделать обрамление

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем sitemaster, 1 май 2014.

  1. sitemaster

    sitemaster

    Регистрация:
    8 дек 2012
    Сообщения:
    101
    Симпатии:
    27
    Опишу проблему на примере.
    В общем делаю я вот так http://jsfiddle.net/K8tSE/ выставляю border-image и внутрь изображение, но мне нужно вот как ниже видно, чтобы это обрамление было вплотную и немного заходило. Понимаю что через border не получится, может есть альтернативное решение? После я хочу использовать на большом кол-ве изображений. Много изображений вертикально, а вокруг всех них обрамление

    [​IMG]
     
  2. Lena_&9

    Lena_&9

    Регистрация:
    23 фев 2014
    Сообщения:
    71
    Симпатии:
    98
    Получится если это изображение поставить фоном у <div class="border">
     
  3. killerblade

    killerblade

    Регистрация:
    2 май 2014
    Сообщения:
    1
    Симпатии:
    0
    Lena_&9, глупо.
    У тебя в макете указано что квадратики сверху. Но у тебя в примере они по всему изображению.
    Если так как в примере по всем сторонам бордер. То лучше всего это сделать :before или :after наложить png рамку которая будет ресайзится в зависимости от контейнера, и ложить ее поверх изображения, при этом у родительского блока выставить падинги на бордер по сторонам.