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

Faster

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

1 августа 2012 г. 19:18

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

Сообщения: 4540 Репутация: N Группа: Джедаи
1 августа 2012 г. 19: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 Группа: Кто попало

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

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

technobulka

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

1 августа 2012 г. 21: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;
}

Высокоуровневое абстрактное говно

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

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

Войти