kopaweb19

Помогите с модулкм категории

Рекомендуемые сообщения

kopaweb19    14

Хочу красиво офтрмить модуль категории. В 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;
      }

Как зделать так чтоб подкатегории отображались подругому. Тоисть другой фон, и отступ от левого края.

Помогите пожалуйста. Очень нужно!!!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
phantom    0
#category {

background-color: #1f8ee3; ----- настройка фона

font-family: Arial; ----- шрифт

font-weight: 700;

}

#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);

}

Пробуй играться с этими блоками, точно не могу сказать, что и как - надо смотреть на примере, но все же пробуй изменять значения

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу