Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Вопрос по html / css

Модерирует : Cheery

Cheery (31-07-2013 09:51): Вопросы по CSS  Версия для печати • ПодписатьсяДобавить в закладки

   

unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
На википедии кажется встречал списки, сделанные в несколько столбцов и не могу найти ту статью.
Как такое можно сделать?

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 04:59 31-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unreal666
есть же тема
Вопросы по CSS
 

Цитата:
Как такое можно сделать?

несколько столбцов (тот же div), а внутри список

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 05:26 31-07-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
есть же тема

да просто непонятно к чем относится CSS. Отфильтровал в этой теме и увидел несколько тем по CSS, в которых никого никуда не посылали.
 

Цитата:
несколько столбцов (тот же div), а внутри список

Хм. Там кажется без доп. div'ов было. И в версиях IE ниже какой-то (но не ниже 7) они были в один столбец, т.е. он не понял какой-то CSS.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 05:46 31-07-2013 | Исправлено: unreal666, 05:47 31-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unreal666

Цитата:
Хм. Там кажется без доп. div'ов было.

значит обычные списки, но с float
http://jsfiddle.net/VPht8/

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 05:49 31-07-2013 | Исправлено: Cheery, 05:49 31-07-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
тоже не похоже, т.к. в IE7 работает норм, а не должно.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 06:39 31-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unreal666

Цитата:
тоже не похоже, т.к. в IE7 работает норм, а не должно.

я не понимаю.. вам шашечки или ехать?
если работает, работает как надо и мультибраузерно, то зачем искать то, что не работает под каким то браузером?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 06:53 31-07-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
потому что возможно, что там был вариант с саморазбиением на столбцы в зависимости от кол-ва <li>.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 06:58 31-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unreal666

Цитата:
потому что возможно, что там был вариант с саморазбиением на столбцы в зависимости от кол-ва <li>

это?
http://en.wikipedia.org/wiki/Template:Columns-list
 

Цитата:
style="-moz-column-count:2; -webkit-column-count:2; column-count:2;"

вот только это css3
 
Можно сделать и более простым способом (если размер содержимого не вылазит за пределы)
li {float: left; width: 50%;}
сделает 2 столбца
 
li {float: left; width: 33%;}
3 стоблца и так далее

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 07:08 31-07-2013 | Исправлено: Cheery, 07:18 31-07-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
это уже ближе.

Код:
<style>ul {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}</style>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
<li>2.1</li>
<li>2.2</li>
<li>2.3</li>
<li>3.1</li>
<li>3.2</li>
<li>3.3</li>
</ul>

теперь бы еще разобраться, как восстановить маркер в столбцах > 1
 
Добавлено:
вот так прокатывает:

Код:
<style>div {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}</style>
<div>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
<li>2.1</li>
<li>2.2</li>
<li>2.3</li>
<li>3.1</li>
<li>3.2</li>
<li>3.3</li>
</ul>
</div>

но все-таки интересно, как восстановить маркеры в варианте выше.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 07:30 31-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Сюда.. Вопросы по CSS
не вижу смысла использовать css3 там, где можно обойтись и без него.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:40 31-07-2013
   

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Вопрос по html / css
Cheery (31-07-2013 09:51): Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru