Вложенный список

[okunev2]

Подскажите как создать вложенный список с тремя уровнями с помощью ul и li?

1. Категория

1.1. Раздел

1.1.1 Подраздел

1.1.2 Подраздел

1.1.3 Подраздел

1.2. Раздел

и т.д.

[Yahoo!]

<ul>
   <li>1.Категория
		<ul>
			 <li>1.1.Раздел
					<ul>
						   <li>1.1.1 Подраздел</li>
						   <li>1.1.2 Подраздел</li>
						   <li>1.1.3 Подраздел</li>
					</ul>
			 </li>
			 <li>1.2.Раздел</li>
		</ul>
   </li>
</ul>

[psywalker]

Рули в эту сторону ещё http://www.htmlbook.ru/css/counter-reset.html

[okunev2]

  psywalker said:

Рули в эту сторону ещё http://www.htmlbook.ru/css/counter-reset.html

А такая конструкция для применения стилей для вложенных списков правильна и валидна?

.goods ul ul {
	width: 160px;
	border: 2px dashed #cc0000;
}

.goods ul ul ul {
	width: 160px;
	border: 3px dashed #cc0000;
}

[Yahoo!]

Ну хаков вроде вы не использовали, инлайн в блочные не вкладывали... валидно конечно.

#cc0000 переправь на #c00 , просто короче

[psywalker]

  okunev2 said:

А такая конструкция для применения стилей для вложенных списков правильна и валидна?

.goods ul ul {
	width: 160px;
	border: 2px dashed #cc0000;
}

.goods ul ul ul {
	width: 160px;
	border: 3px dashed #cc0000;
}

Да, но тогда в случае ещё вложенности ul, все они будут иметь границу в 3пк, так что это имей ввиду.

[shvv]

  okunev2 said:

А такая конструкция для применения стилей для вложенных списков правильна и валидна?

Можно короче:

.goods ul ul {
	width: 160px;
	border: 2px dashed #cc0000;
}

.goods ul ul ul {
		border-width: 3px;
}