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

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


     01.02.2015    Общие вопросы по вёрстке    1299

вопрос
Надо сделать так чтобы картинки новостей выходили поочередно на правом и на левом стороне, соответственно {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
3

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

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

nseregau
1

16 | 2

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
3

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

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

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

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