Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать {short-story} поочередно меняющийся сторонами?

Как сделать {short-story} поочередно меняющийся сторонами?


     01.02.2015    Все вопросы » Общие вопросы по вёрстке    2800

вопрос
Надо сделать так чтобы картинки новостей выходили поочередно на правом и на левом стороне, соответственно {short-story} тоже должны меняться сторонами. Пример: www.gqmagazine.fr

Может кто помочь?

Ответил: Sander


.short-story-div .short-image{
float: left;
}

.short-story-div:nth-child(2n){
...
}
.short-story-div:nth-child(2n) .short-image{
float: right;
}

3 комментария

felix_get
Юзер

felix_get - 2 февраля 2015 00:28 -

Поясните чайнику чуть подробнее плиз)
сайт здесь - new.globalproart.com/final/

nseregau
Юзер

nseregau - 2 февраля 2015 02:37 -

Вставьте в style.css

.content-listing ul li:nth-child(2n) .arrow-left {
top: 110px;
left: 540px;
border-right: 0px;
border-left: 20px solid #FFF;
}
.content-listing ul li:nth-child(2n) .image-container {
float: right !important;
}

felix_get
Юзер

felix_get - 2 февраля 2015 23:53 -

Нищтяк! Спасибо все работает!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх