Как уменьшить отступ пунктов меню слева и добавить перед каждым пунктом иконку?

голоса: 0
Как уменьшить отступ пунктов меню слева и добавить перед каждым пунктом иконку?
Адрес сайта kadetsfo.tk
| Автор: | Категория: Дизайн сайта
одинаковую иконку для всех пунктов или каждому разную?

Ответов: 1

голоса: 0
 
Лучший ответ

1. Если каждому разную, как пример зададим каждому пункту меню разный класс, пример на скриншоте - http://joxi.ru/YmEzVWOTJZ6j82

Далее в стилях зададим стили для данного класса:

 .bold-c1:after {content:"";width:16px;height:16px;background:url(ссылка на ваше изображение иконку)no-repeat;float:left;left:-5px;position:relative;}

это как пример реализации, вместо класса bold-c1 пишем свой класс, должно все получиться.

2. Подвинуть меню можно так, в стили добавить:

#uMenuDiv1 {margin-left: -20px;}

выделенное красным регулирует отступ, 20 самое подходящее решение, так как еще должны иконки вместиться если вы их будете добавлять.

| Автор:
Выбор ответа лучшим | | Автор: Иван Плотников
...