Картинка в навигации

Добрый день! Подскажите, как в навигации поставить картинку, вместо слов "Вперед" и "Назад".


Я так понимаю код за вывод отвечает этот:

Код (PHP):

1. protected function _list_render($list)
2.     {
3.         // Reverse output rendering for right-to-left display.
4.         $html = '<ul>';
5.         //$html .= '<li class="pagination-start">' . $list['start']['data'] . '</li>';
6.         $html .= '<li class="pagination-prev">' . $list['previous']['data'] . '</li>';
7.         foreach ($list['pages'] as $page)
8.         {
9.             $html .= '<li>' . $page['data'] . '</li>';
10.         }
11.         $html .= '<li class="pagination-next">' . $list['next']['data'] . '</li>';
12.         //$html .= '<li class="pagination-end">' . $list['end']['data'] . '</li>';
13.         $html .= '</ul>';
14.  
15.         return $html;
16.     }

Пишу в css

Код (html):

1. li.pagination-next{
2.    
3.     background-image: url(../images/navig_right.png);
4.    
5. }

И он у меня ничего не выводит. Где ошибка?

 

Попробуйте добавить display:block и width с height

 

Изображение стало выводиться после display:block, но когда убираю в файле language слово "вперед" (чтобы оно не выводилось), то изображение куда-то съезжает вниз и не двигается никуда. Должно быть по задумке вот так вот:

http://imagepub.org/3254-1341855047

 

И еще изображение почему-то не ссылкой получается...

 

На пальцах я ничего не смогу объяснить. Адрес сайта?

 

Да он на денвере стоит

Тут картинки встали, сейчас вопрос почему они не ссылки... Где это прописать

 

Я сделал так:

Код (html):

1. li.pagination-next a{
2.    
3.     background-image: url(../images/navig_right.png);
4.     background-repeat:no-repeat;
5.     display:block;
6.     height:24px;
7.     width:29px;
8. }

Картинки заработали, стали ссылками. Но! Я так понимаю это уже php - когда картинка неактивная (если нет возможности пролистать назад, или вперед страницу, то эта картинка не показывается). Допустим я на первой странице, возможности пролистать страницу назад нету, соответственно и картинки этой нету. Если перейти на след страницу, то картинка появляется, так как пролистать есть возможность. Только вот мне нужно сделать чтобы они всегда отображались.

Это вот этот кусок отвечает за это?

Код (PHP):

1. protected function _item_inactive(&$item)
2.     {
3.         $app = JFactory::getApplication();
4.         if ($app->isAdmin())
5.         {
6.             return "<span>" . $item->text . "</span>";
7.         }
8.         else
9.         {
10.             return "<span class=\"pagenav\">" . $item->text . "</span>";
11.         }
12.     }