Как оформить список в списке

[kopaweb]

Нужно хорошо оформить меню категорий на сайте. Формируется списком.

<div class="category">
<ul>
<li>1</li>
<li>2</li>
   <ul>
	  <li>2.1</li>
	  <li>2.2</li>
   </ul>
</ul>
</div>

сделал клд css таким:

#category {
	  background-color: #1f8ee3;
		  font-family: Arial;
		  font-weight: 700;
	  }

#category ul {
	  list-style: none;
	  padding: 0px;

	  border: none;
	  }

#category li {
	  border-bottom: 1px solid #90bade;
	  margin: 0;
	  }
#category li a {
	  display: block;
	  padding: 5px 5px 5px 15px;
	  background-color: #2175bc;
	  color: #000;
	  text-decoration: none;
	  width: 100%;
		  padding-left: 20px;
		  background-image: url(Images/Shop_menu/Fly_test_13_13.png);  
	  }

html>body #category li a {
	  width: auto;
	  }

#category li a:hover {
	  background-color: #2586d7;
	  color: #fff;
	  }

Как зделать так чтоб подкатегории отображались подругому (отсуп от левого краю + ругой фон)?

Edited February 23, 2011 by kopaweb

[Vlad]

Для начала надо правильно написать код

<div class="category">
<ul>
<li>1</li>
<li>2
   <ul>
	  <li>2.1</li>
	  <li>2.2</li>
   </ul>
 </li>
</ul>
</div>

[kopaweb]

Это я тут просто накидал быстро, и опустил. А на сайте правильно. Но вот подкатегория отображается так само как и категория.

[psywalker]

Это я тут просто накидал быстро, и опустил. А на сайте правильно. Но вот подкатегория отображается так само как и категория.

Ну а ты в коде то где прописал стили для внутренних списков?

[kopaweb]

Нигде, потому что незнаю как. В этом и сама проблема.

[Dinow]

Задай внутреннему списку класс и припиши ему желаемые стили

[kopaweb]

Клас задать нельзя, скрипт строит подкатегории того самого класа что и категории.

[sigma77]

Клас задать нельзя, скрипт строит подкатегории того самого класа что и категории.

Можно так

ul li li {
  /* стили для вложенных списков */
}

[kopaweb]

#category ul li li {

/* стили для вложенных списков */

}

Тоисть такой вот код будет работать?

[sigma77]

#category ul li li {

/* стили для вложенных списков */

}

Тоисть такой вот код будет работать?

А ты попробуй

[runet]

li li{  } или #category ul li li{  }

Выбирай любой.

UPD: Не увидел что уже ответили.

Edited February 23, 2011 by runet

[kopaweb]

Спасибо большо. Вечерем буду дома, попробую.