Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

А также:

Css список в строку

... в строку

23.06.2010 20:19 #1
Хочу заиметь список, реализованный таким способом. Как его в строку вытянуть? Нашел один способ, но он тянет все за собой. А мне это не нужно: .menu_str { list-style:none; } .menu_str li { float:left; padding-right:6px;
}
23.06.2010 20:24 #2
clear:both; поставить следующему элементу
23.06.2010 20:28 #3
Licoric, ul li {display:inline} достаточно тегу li присовить парметр display - inline; На орфографию и очепятки не обрашайте внимания :)
23.06.2010 20:34 #4
А если я хочу только для конкретного списка присвоить такое свойство? Как тут имя приписать?
23.06.2010 21:36 #5
23.06.2010 21:36 #6
ну ккак обычно в ксс.

Как отобразить список в две строки?

У меня есть список элементов, которые я хочу разместить в пространстве, которое ограничено по вертикали:

One
Two
Three
Four
Five
Six

Так как я не хочу, чтобы в списке было больше определенной высоты, но я могу свободно его расширять по горизонтали, я хочу разделить список на столбцы, например:

One Two Three Four Five Six

Или, альтернативно (в моем случае порядок не важен)

One Three Five Two Four Six

Свойство css column-count позволяет разбить список на столбцы, но принимает только фиксированное количество столбцов. Я не знаю количество элементов, которые у меня есть (он может идти от 1 до более 40), поэтому, если я установил количество столбцов на 3, любой список с более чем 6 элементами будет слишком высоким, и если есть только 4 элемента, то только первый столбец будет иметь два элемента, и он будет выглядеть неравномерно.

Итак, в идеале мне понадобится свойство row-count, но оно не существует. Думаю, я тоже могу это сделать в Javascript, но я ищу решение только для CSS.

Я что-то пробовал: float:left на каждом li помещает список в одну строку. Чтобы разбить его на две строки, мне не нужно применять float:left к элементу N/2. Я не знаю, как это сделать.

Я также знаю, что могу сделать это, разбив его на несколько ul, каждый из которых имеет два li и float:left их, но я хотел бы избежать использования HTML-кода для чего-то полностью презентационного.

У кого-то есть решение этой проблемы?

Изменить: Я думаю, что я не объяснял свои требования. Я хочу, чтобы список сортировался в столбцы, не зная, сколько элементов у меня будет, и чтобы у меня всегда было две строки.

Итак, например, с 7 элементами, я хочу иметь:

One Two Three Four Five Six Seven

И с 3 пунктами:

One Two Three

Списки

Сделать горизонтальное меню, пункты которого имеют произвольный наклон (рис. 1).

Рис. 1. Вид меню с наклонными пунктами

Вложенные списки предназначены для организации сложной иерархической структуры текста, обычно таких документов, как юридические или технические. Также вложенные списки используются для создания многоуровневых меню и навигации по сайту. Чтобы сделать такую структуру вначале создаётся список с помощью тега

.

Элементы списка по умолчанию выстраиваются вертикально друг под другом, но иногда требуется разместить их по горизонтали, например, для построения различных меню. В таком случае к селектору LI следует добавить стилевое свойство display со значением inline, оно преобразует блочный элемент во встроенный.

Используйте стилевое свойство margin-top (отступ сверху) и margin-bottom (отступ снизу) для селектора UL или OL, в зависимости от типа списка. Также можно воспользоваться универсальным свойством margin.

Используйте стилевое свойство color для задания цвета текста и background для указания цвета фона, добавляя их к селектору UL или OL.

Смотрите также