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

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


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

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


Суть вопроса не описать в несколько предложении, все видно на картинке. Как за верстать 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 комментариев

ПафНутиЙ
Админ

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

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

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

aebot
Юзер

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

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

aebot
Юзер

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

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

feniks01
Гости

feniks01 - 18 февраля 2014 23:03 -

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

andros0705
Юзер

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

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

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

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

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

наверх