|
Страница 1 из 1 [ Сообщений: 17 ] |
(sp)
соучастник
|
|
Цитата: | experimental implementation |
;)
|
|
 |
|
 |
IonDen666
 постоянный участник
|
|
(sp), ну и? ведь это не значит что оно совсем не должно работать?
|
|
 |
|
 |
Inviz
соучастник
|
|
мультикол реализуется элементарно:
СSS3 обещает поддержку многоколоночных списков. Осталось подождать еще несколько лет, пока он стандартизируется и примется на вооружение.
Если вы захотите разбить одиночный список на несколько колонок, у вас будет в запасе несколько опций, чтобы изменить список соответствующим образом.
Способ 1
Этот метод позволяет выводить пункты в следующем порядке:
-AAA -BBB
-CCC -DDD
-EEE -FFF
А если по теме, то простым решением будет следующие действия: Заставим плавать каждый элемент <li> в одном направлении и зададим ему определенную ширину. Во сколько раз ширина <li> будет меньше ширины <ul>, столько и будет колонок. Пример для двух колонок:
ul { width: 400px; }
li { float: left; width: 180px; margin: 0px 20px 0px 0px; padding: 0px; }
<ul class="twocol">
<li>Papaya</li>
<li>Mango</li>
<li>Banana banana banana banana banana banana banana</li>
<li>Pineapple</li>
<li>Cantaloupe</li>
<li>Watermelon</li>
<li>Apricot</li>
<li>Pear</li>
</ul>
Способ 2
А этот способ позволяет выводить колонки в таком порядке:
-AAA -DDD
-BBB -EEE
-ССС -FFF
Этот метод использует ChildSelector'ы и не подходит для IE.
ol { list-style-type:disc; }
li { width:40%; }
li+li+li+li+li { position:relative; left:50%; top:-4em }
ol+* { margin-top:-4em; }
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
</ol>
Цитата с вики
_________________ критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
|
|
 |
|
 |
Акела
Констататор
|
|
оффтопик: мультик анальный
|
|
 |
|
 |
tentoys
 постоянный участник
|
|
multik, это не персонально, я надеюсь, просто, лет 7-8 тому назад, виндовый ворд предлагал такую автозамену слову "мультиканальный".
мнэээ... олений парк", мне кажется, сильно сыроват для css3. Правильно коллег говорят -- подождём. Пока и браузеры станут более заточены, да и сама спецификация станет стандартом, хотя бы де-факто.
_________________ Keep in touch. Andrey Alexeev.
|
|
 |
|
 |
IonDen666
 постоянный участник
|
|
ну надеюсь что в alpha 2 хоть что-то уже будет, тем более что она должна выйти уже довольно скоро.
Акела, ждем... 
|
|
 |
|
 |
Inviz
соучастник
|
|
Только работает в ФФ онли, плюс код на валидность тест не пройдет
_________________ критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
|
|
 |
|
 |
Inviz
соучастник
|
|
(по секрету говоря, она совсем не новая)
_________________ критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
|
|
 |
|
 |
|
Страница 1 из 1 [ Сообщений: 17 ] |
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
|
|