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

Нестандартный вывод комментариев


     18.02.2014    Общие вопросы по вёрстке    1283

вопрос
Нестандартный вывод комментариев


Суть вопроса не описать в несколько предложении, все видно на картинке. Как за верстать tpl что бы коментарий отображались подобным образом

Ответил: feniks01


Пример верстки:

HTML:
<ul>
<li><div> код </div></li>
<li><div> код </div></li>
</ul>


CSS:

ul>li:nth-child(2n+1) {стили для нечетных}
ul>li:nth-child(2n) {стили для четных}


Таким образом Всё нечетный будут слева, а все четные будут справа :) Вот вам и такой итог :)

Комментарии пользователей (5)

ПафНутиЙ
1063

3393 | 2433

ПафНутиЙ - 18 февраля 2014 21:46 - Админ

прежде чем верстать tpl - сверстайте html

Каков вопрос - таков и ответ. Просто помните об этом.

aebot
43

aebot - 18 февраля 2014 23:01 - Юзер

Пафнутый ты как обычно выше всех, самый умный можно было и без "остроты"

aebot
43

aebot - 18 февраля 2014 23:02 - Юзер

FENIKS01 спасибо большое, не знал про nth-child(2n

feniks01
4

203 | 17

feniks01 - 18 февраля 2014 23:03 - Гости

Пожалуйста :)

andros0705
103 | 17

andros0705 - 20 февраля 2014 02:55 - Юзер

Цитата: aebot
Пафнутый ты как обычно выше всех, самый умный можно было и без "остроты"

Так он тебе все верно описал, а вообще в сети есть огромное количество подобных Видов комментариев.

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

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