Стилизация списка
dicros
Дата: Суббота, 26.05.2012, 17:36 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 98
Как сделать список в 2 ряда чтобы было вот так и как регулировать расстояние между ними
V-style
Дата: Суббота, 26.05.2012, 17:42 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 495
Таблица.
Подпись пользователя V-style Аватар удален!
dicros
Дата: Суббота, 26.05.2012, 17:47 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 98
А без таблицы?
tigerforce
Дата: Суббота, 26.05.2012, 18:01 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Фотошоперы
Сообщений: 216
В таблицу стилей.
Quote
/* Список ------------------------------------------*/ #uRelated{padding:5px 20px;} #uRelated *{list-style:none;margin:0;padding:0;overflow:hidden;white-space:nowrap;} #uRelated ul.uRelatedEntries{width:98%;margin:7px auto 0;} li.uRelatedEntry{width:48%;float:left;height:1.5em;text-indent:15px;background:url('http://culex.at.ua/Files/kartinki/5100498.gif') no-repeat 5px 3px;} /*------------------------------------------*/
Куда нужна.
Quote
<div id="uRelated"><strong>Список</strong> Ваш список </div>
Сообщение отредактировал tigerforce - Суббота, 26.05.2012, 18:02
Подпись пользователя tigerforce https://goo.gl/0ygtWZ
dicros
Дата: Суббота, 26.05.2012, 18:06 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 98
tigerforce , Не помогает список в ряд идет
tigerforce
Дата: Суббота, 26.05.2012, 18:12 | Сообщение # 6
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Фотошоперы
Сообщений: 216
Quote
<div id="uRelated"><strong>Список</strong> <li>Ваш список</li> <li>Ваш список</li> <li>Ваш список</li> </div>
Сообщение отредактировал tigerforce - Суббота, 26.05.2012, 18:34
Подпись пользователя tigerforce https://goo.gl/0ygtWZ
dicros
Дата: Суббота, 26.05.2012, 18:28 | Сообщение # 7
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 98
tigerforce , и что ты тут написал? мне нужно 2 списка чтобы рядом были, а ты в один запихал тока слова разделил через пробел
Сообщение отредактировал dicros - Суббота, 26.05.2012, 18:30
tigerforce
Дата: Суббота, 26.05.2012, 18:33 | Сообщение # 8
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Фотошоперы
Сообщений: 216
dicros , width
Quote
li.uRelatedEntry{width:48%;float:left;height:1.5em;text-indent:15px;background:url('http://culex.at.ua/Files/kartinki/5100498.gif') no-repeat 5px 3px;}
Подпись пользователя tigerforce https://goo.gl/0ygtWZ
dicros
Дата: Суббота, 26.05.2012, 18:38 | Сообщение # 9
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 98
tigerforce , не работает
tigerforce
Дата: Суббота, 26.05.2012, 18:38 | Сообщение # 10
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Фотошоперы
Сообщений: 216
dicros , В последней строчке у меня что-то не так, только не пойму
Подпись пользователя tigerforce https://goo.gl/0ygtWZ
dicros
Дата: Суббота, 26.05.2012, 18:39 | Сообщение # 11
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 98
а хотябы скажи где тут параметр отвечающий за расстояние между этими столбцами
WinDiZ
Дата: Суббота, 26.05.2012, 18:40 | Сообщение # 12
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Доктор
Группа: V.I.P персона
Сообщений: 1252
Code
<style> #spisok {width: 30%; } #spisok li {width: 42%; display: inline-block;} </style> <div id="spisok"> <ul> <li>ссылка1</li> <li>ссылка2</li> <li>ссылка3</li> <li>ссылка4</li> <li>ссылка5</li> <li>ссылка6</li> </ul> </div>
Где 30% расстояние между списком.
Сообщение отредактировал WinDiZ - Суббота, 26.05.2012, 18:41
tigerforce
Дата: Суббота, 26.05.2012, 18:45 | Сообщение # 13
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Фотошоперы
Сообщений: 216
dicros , Я же написал. Quote
li.uRelatedEntry{width:48%;float:left;height:1.5em;text-indent:15px;background:url('http://culex.at.ua/Files/kartinki/5100498.gif') no-repeat 5px 3px;}
Мне кажеться li.uRelatedEntry по другому написать uRelatedEntry li, width:48% это одна строчка должна уменьшаться на 48%.....Добавлено (26.05.2012, 18:45) --------------------------------------------- Ну да или как у WinDiZ , у него правильней...
Подпись пользователя tigerforce https://goo.gl/0ygtWZ