Перейти к содержимому


Как Правильно Добавить Иконки В Меню?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 rtnsl

rtnsl

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 31 Январь 2014 - 15:48

Названия категорий товаров большинству ничего не дадут, решили в меню отобразить картинки перед названиями. Нашли, как добавить, здесь:

http://forum.storela...и-в-левом-меню/

http://forum.storela...инку/#entry9636

Но беда с выравниванием. Нужно, чтоб название справа от картинки было по центру. Вот как у нас сейчас:
http://mirkovki.storeland.ru/

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Февраль 2014 - 04:34

В style.css найдите:

.nav > li > a {
	display: block;
	top: -1px;
}
после него вставьте:

.nav li a img{
vertical-align: middle;
}


#3 rtnsl

rtnsl

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 05 Февраль 2014 - 12:47

Просмотр сообщенияVaccina (01 Февраль 2014 - 04:34) писал:

В style.css найдите:

.nav > li > a {
display: block;
top: -1px;
}
после него вставьте:

.nav li a img{
vertical-align: middle;
}

Спасибо большое! Можете подсказать, как подправить теперь фон меню(последний пункт за него вылазит). Просто отступ нижний от рамки блока до содержимого увеличить?

#4 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 05 Февраль 2014 - 12:50

Просмотр сообщенияrtnsl (05 Февраль 2014 - 12:47) писал:

Спасибо большое! Можете подсказать, как подправить теперь фон меню(последний пункт за него вылазит). Просто отступ нижний от рамки блока до содержимого увеличить?
B style.css замените:
.nav {
list-style: none;
background: #000;
z-index: 30;
position: relative;
}
на
.nav {
height: 120px;
list-style: none;
background: #000;
z-index: 30;
position: relative;
}


#5 rtnsl

rtnsl

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 06 Февраль 2014 - 16:32

спасибо, но тогда на маленьких экранах едет.

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Февраль 2014 - 04:05

попробуйте откатить изменения далее найдите:

.conta .nav li {
	height: 50px;
}
и замените на:
.conta .nav li {
	height: 80px;
}


#7 rtnsl

rtnsl

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 10 Февраль 2014 - 15:49

Просмотр сообщенияVaccina (07 Февраль 2014 - 04:05) писал:

попробуйте откатить изменения далее найдите:

.conta .nav li {
height: 50px;
}
и замените на:
.conta .nav li {
height: 80px;
}

вот это помогло, спасибо




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных