Здравствуйте!
Прошу помочь в ситуации:
сделал меняющейся при наведении основной логотип - редактировал область с логотипом как html - вставил код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Эффект перекатывания</title>
<br>
<style>
a.rollover {
background: url(/upload/medialibrary/179/1794fc114bfeacea550d33f14f2bac5e.jpg); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 110px; /* Ширина рисунка */
height: 71px; /* Высота рисунка */
}
a.rollover:hover {
background: url(/upload/medialibrary/a89/a89cff43984bf5f9770239cb35aab0c2.jpg); /* Путь к файлу с заменяемым рисунком */
}
</style>
<p><a href="/site_vy/" class="rollover"> </a></p>
Всё нормально сработало - основной логотип меняется при наведении, при клике по нему - переход на главную.
Далее захотел в разделе Партнеры сделать таким же образом, т.е. лого партнеров (для начала одного), меняющиеся при наведении.
Вставил в код страницы код аналогичный вышеуказанному, но с другими картинками (соответственно пути к файлам другие).
В итоге на на странице всё работает - лого партнера при наведении изменяется, однако этот же логотип партнера почему-то появился вместо основного логотипа.
При этом код области с основным логотипом остался прежним.
В чем моя ошибка? как исправить?
Буду очень благодарен за подробный ответ для чайника.
Спасибо.
Прошу помочь в ситуации:
сделал меняющейся при наведении основной логотип - редактировал область с логотипом как html - вставил код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Эффект перекатывания</title>
<br>
<style>
a.rollover {
background: url(/upload/medialibrary/179/1794fc114bfeacea550d33f14f2bac5e.jpg); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 110px; /* Ширина рисунка */
height: 71px; /* Высота рисунка */
}
a.rollover:hover {
background: url(/upload/medialibrary/a89/a89cff43984bf5f9770239cb35aab0c2.jpg); /* Путь к файлу с заменяемым рисунком */
}
</style>
<p><a href="/site_vy/" class="rollover"> </a></p>
Всё нормально сработало - основной логотип меняется при наведении, при клике по нему - переход на главную.
Далее захотел в разделе Партнеры сделать таким же образом, т.е. лого партнеров (для начала одного), меняющиеся при наведении.
Вставил в код страницы код аналогичный вышеуказанному, но с другими картинками (соответственно пути к файлам другие).
В итоге на на странице всё работает - лого партнера при наведении изменяется, однако этот же логотип партнера почему-то появился вместо основного логотипа.
При этом код области с основным логотипом остался прежним.
В чем моя ошибка? как исправить?
Буду очень благодарен за подробный ответ для чайника.
Спасибо.