Картинка вместо пункта меню в mod_mainmenu

[romashkin]

Доброго дня! Возникла острая необходимость сделать вместо текста в пункте меню картинку. Какие у кого мысли как это сделать? Пробовал через CSS - не особо вышло... Помигите)

[Poznakomlus]

Пробовал через CSS - не особо вышло... Помигите)

Правильный подход через CSS. Что не вышло

[romashkin]

Правильный подход через CSS. Что не вышло

сначала сделал display: none для текста, затем попытался поставить background - он не отобразился. Наверное потому что один бэкграунд уже был задан для родительского элемента. Через important тоже не покатило. Вот как то так..

[Poznakomlus]

display: none поисковики могут не понять для текста лучше text-indent: -9999px;
как изменяли background?

[ELLE]

romashkin, это будет выглядеть примерно так - http://joomlaforum.ru/index.php/topic,190035.msg1002817.html#msg1002817 (п.2,3 пропускаем)
только в последней строчке - да
дальше только стилями

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

[romashkin]

display: none поисковики могут не понять для текста лучше text-indent: -9999px;
как изменяли background?

нашел ошибку)

Код:

{background: url("/images/stories/info.png") no repeat !important;}

Поставил дефис и все заработало. В любом случае спасибо за помощь! Метод который написала ELLE тоже интересен, буду изучать)