Style

• 

  tonyvers · Участник · 28 апреля, 2016 at 8:12 дп

  • Копировать ссылку
  • Добавить тему в избранное

  Добрый день. Вот уже несколько раз пытаюсь сделать чтоб «картинка менялась другой картинкой при наведении курсора мыши и когда кликнуть на неё осуществлялся переход по заданной ссылке». Для этого я в текстовый редактор HTML вставляю данный код:

  <style>
  a.rollover {
  background: url(images/sun1.png); /* Путь к файлу с исходным рисунком */
  display: block; /* Рисунок как блочный элемент */
  width: 196px; /* Ширина рисунка */
  height: 183px; /* Высота рисунка */
  }
  a.rollover:hover {
  background: url(images/sun2.png); /* Путь к файлу с заменяемым рисунком */
  }
  </style>
  <p> </p>

  Он почему-то блокирует всю запись/страницу, при публикации не отображаются другие элементы и в конце код вообще слетает.

  Как быть в такой ситуации?
  Возможно где то отдельно прописать этот код? (например создать страницу с такими картинками и отдельно подключить её к сайту).

  Помогите пожалуйста. Спасибо.

• 

  tonyvers · Участник · 28 апреля, 2016 at 8:13 дп

  • Копировать ссылку

  это для перехода по ссылке

  <p> </p>

• 

  tonyvers · Участник · 28 апреля, 2016 at 8:14 дп

  • Копировать ссылку

  переход по ссылке даже сюда не вставляется)) — h r e f )