29 мая 2010 в 12:48
Добрый день! Я уже 3-й день мучаюсь с иконками к меню. Так как я использую для меню модуль taxanomy_treemenu, то использование модуля menu_icons отпадает (или я не прав?). Может есть какие-то другие подобные модули?
Попробовал сделать при помощи css. Нашел с помощью firebug id пункта меню и в stle.css прописал следующее:
#dhtml_menu-165 {
font-family: Verdana;
font-size: 20px;
background: url ('images/au.png') left 0.833em;
}
Шрифт изменился, а вот картинка не появилась.
Скажите, может я что не так сделал?
Комментарии
Пути проверялись или как всегда наугад?
background: red; срабатывает?
0.833em; - сколько вешать в граммах?
Путь правильный.
Сейчас вот так стоит:
#dhtml_menu-165 {
background: url('images/au.png') no-repeat scroll 4px 0.35em transparent;
}
Иконка появилась, но она под надписью, а я хочу чтобы она была слева от нее и старая стандартная иконка исчезла.
так может стоит посмотреть какой стиль на ul\li, если стоит стандартная?
А что это дает?
Извините.
Так может стоит посмотреть какой стиль на ul\li, если стоит стандартная иконка и потом переопределить его?
Тогда на всех пунктах поменяется, а нужно на каждом свои настройки
попробуйте так :
{
list-style: none;
list-style-type: none;
list-style-image: none;
}
#dhtml_menu-165
{
background: url('images/au.png') no-repeat scroll 4px 0.35em transparent;
}
Кстати зачем вы используете em в расположении картинки ? я всегда использую только px
можно еще добавить
pagging: 20px;Спасибо большое за советы! Все работает отлично! А иконка не отображалась потому что пробел стоял перед скобкой урла.