[Решено] Проблема с ролловером - Joomla 1.5: Общие вопросы

Всем привет!

Решил я реализовать ролловер (эта картинка такая, на которую наводишь, и она изменяется на другую).
Прописал картинку в стилях:

#rollover {
    background: url(мой сайт/картинки/web_button.png);
    display: block;
    width: 263px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
#rollover:hover {
    background-position: 0 -38px; /* Смещение фона */
   }
За код благодарю автора статьи "Изменение картинки при наведении курсора мыши. Rollover и wordpress"

Потом в редакторе материала вставил <div id="rollover"></div>
Вместо картинки - пустое место. Шо рабить, выручайте!

Мой первый пост!:)

Редактор Joomla запрещает вставлять пустые теги. http://joomlaforum.ru/index.php?topic=157872.0 Ну или можете на время отключить редактор в настройках, вставить код, сохранить и включить редактор обратно. Но помните, что если будете заново редактировать эту страницу с включенным редактором, опять все потеряется.

<div id="rollover">&nbsp;</div>

Даже с редактированием без редактора вместо картинки остается пустое место.

<div id="rollover">&nbsp;</div> - тоже не помогло.

Откройте исходный код и посмотрите, какой путь к картинке получается.

тег <div id="rollover"> выводится?

Откройте исходный код и посмотрите, какой путь к картинке получается.

<center><a href="http://www.tvoiremont.su/contacts.html"><div id="rollover"> </div></a></center>
Это часть кода к странице http://www.tvoiremont.su/news/1-stat/58-nachalo-remontnyh-rabot.html. Я правильно вас понял?

тег <div id="rollover"> выводится?

Пустое место, перед словом "Удачи!". Будто бы говорит "Хотите впилить ролловер? Удачи"

2Efanych Зачётный аватар.

<center><a href="http://www.tvoiremont.su/contacts.html"><div id="rollover"> </div></a></center>
Это часть кода к странице http://www.tvoiremont.su/news/1-stat/58-nachalo-remontnyh-rabot.html. Я правильно вас понял?

Неправильно. Где у вас путь к картинке прописан? В CSS? Вот и смотрите, какой путь генерируется.
http://joomlaforum.ru/index.php/topic,79712.0.html
Думаю правильнее будет писать

background: url(http://мой сайт/картинки/web_button.png);

<center><a href="http://www.tvoiremont.su/contacts.html"><div id="rollover"> </div></a></center>
Это часть кода к странице http://www.tvoiremont.su/news/1-stat/58-nachalo-remontnyh-rabot.html. Я правильно вас понял?

Пустое место, перед словом "Удачи!". Будто бы говорит "Хотите впилить ролловер? Удачи"

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

<center><a href="http://www.tvoiremont.su/contacts.html"><div id="rollover"> </div></a></center>

А. Кстати. <div> в <a> нельзя всовывать, если у вас не html5
но это на текущую проблему не влияет

Всем спасибо за участие! В частности Efanych.

После того, как прописал background: url(http://мой сайт/картинки/web_button.png); ролловер заработал.