Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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

Надіслати
Поділитися на інших сайтах


  • 2 weeks later...
#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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.