как сделать список плотнее? - HTML и CSS

ZhekaS. · 17.10.2012, 22:24

Сразу к делу.
В html пишу:

<body>
<div id='list'>
<ul>
<li>
<a href='#'>Пункт 1</a>
</li>
<li>
<a href='#'>Пункт 2</a>
</li>
<li>
<a href='#'>Пункт 3</a>
</li>
</ul>
</div>
</body>

В CSS :

#list ul {
text-align: center;
padding: 0;
}

#list li{
list-style: none;
display: inline;
border-left: 1px solid #000;
margin-left: 10px;
padding-left: 10px;
}

#list li:first-child {
border:none;
margin: 0;
padding: 0;
}

Как лучше сделать, чтобы все элементы горизонтального списка (пункты и чёрточки) стали чуть плотнее, сжались?

snippet · 17.10.2012, 22:57

Код HTML:

#list li{
	list-style: none;
	display: inline;
	border-left: 1px solid #000;
	margin-left: 10px;
	padding-left: 10px;
}

Играйте с margin-left и padding-left

Я добился равномерных "уплотненных" результатов например при

Код HTML:

margin-left: 0px;
padding-left: 5px;

ZhekaS. · 17.10.2012, 23:05

Спасибо, помогло

17.10.2012, 22:24	#1
ZhekaS. Регистрация: 17.10.2012 Сообщений: 3	как сделать список плотнее? Сразу к делу. В html пишу: <body> <div id='list'> <ul> <li> <a href='#'>Пункт 1</a> </li> <li> <a href='#'>Пункт 2</a> </li> <li> <a href='#'>Пункт 3</a> </li> </ul> </div> </body> В CSS : #list ul { text-align: center; padding: 0; } #list li{ list-style: none; display: inline; border-left: 1px solid #000; margin-left: 10px; padding-left: 10px; } #list li:first-child { border:none; margin: 0; padding: 0; } Как лучше сделать, чтобы все элементы горизонтального списка (пункты и чёрточки) стали чуть плотнее, сжались? Последний раз редактировалось ZhekaS.; 17.10.2012 в 22:52.

17.10.2012, 22:57	#2
snippet Пользователь Регистрация: 17.10.2012 Сообщений: 37	Код HTML: #list li{ list-style: none; display: inline; border-left: 1px solid #000; margin-left: 10px; padding-left: 10px; } Играйте с margin-left и padding-left Я добился равномерных "уплотненных" результатов например при Код HTML: margin-left: 0px; padding-left: 5px; http://dev-snippet.com

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как сделать раскрывающийся список?	Nikita Bash	Microsoft Office Excel	11	05.04.2012 23:54
Список с заглавным звеном, из текстового файла получить список из записей и по нему уже сделать задание	Zigfried	Помощь студентам	2	04.10.2010 20:29
Access 2003: как сделать изменяющийся список выбора в зависимости от значения в соседнем поле	tanchikb	Microsoft Office Access	14	14.01.2010 10:46
ComboBox как сделать чтобы список в нем формировался с другой страницы?	sttafi	Microsoft Office Excel	11	12.05.2009 17:45

17.10.2012, 23:05	#3
ZhekaS. Регистрация: 17.10.2012 Сообщений: 3	Спасибо, помогло