ФорумРазработкаКлиентская сторонаВерстка и оформление → как просто сделать как тут:

как просто сделать как тут:

  • Faster

    Сообщения: 1159 Репутация: N Группа: Кто попало

    Spritz 1 августа 2012 г. 11:18

    http://www.avito.ru/catalog/all-0/moskva-637640
    рисунок один, но он как бы пачкой - то есть справа и внизу по два бордюра.
    есть простые стили?
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 1 августа 2012 г. 11:45, спустя 27 минут 29 секунд

    файрбаг тебе в помощь.
    .t_i_photo_m::before, .t_i_photo_m a::after {
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    border: 1px solid #DDD;
    border-width: 1px 1px 1px 0;
    background: white;
    }
    Высокоуровневое абстрактное говно
  • Faster

    Сообщения: 1159 Репутация: N Группа: Кто попало

    Spritz 1 августа 2012 г. 13:19, спустя 1 час 33 минуты 19 секунд

    ну да, там стилей тьма разбросана, как можно описать вкратце, типа:
    добавлен второй див в див с картинкой бла бла
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 1 августа 2012 г. 13:44, спустя 25 минут 32 секунды

    вот стили под твой случай:
    .itemContainerImage {
    position: relative;
    }

    .itemContainerImage a {
    background: #fff;
    padding: 1px;
    border: 1px solid #D1D1D1;
    display: block;
    position: relative;
    z-index: 3;
    }

    .itemContainerImage a img {
    width: 100%;
    display: block;
    }

    .itemContainerImage::before, .itemContainerImage::after {
    content: '';
    border: 1px solid #DDD;
    background: #fff;
    position: absolute;
    }

    .itemContainerImage::before {
    top: 2px;
    right: -2px;
    bottom: -3px;
    left: 2px;
    z-index: 2;
    }

    .itemContainerImage::after {
    top: 4px;
    right: -4px;
    bottom: -5px;
    left: 4px;
    z-index: 1;
    }
    Высокоуровневое абстрактное говно

Пожалуйста, авторизуйтесь, чтобы написать комментарий!