Главная arrow icon Вопросы arrow icon Технологии arrow icon JavaScript,Ajax,HTML arrow icon ПОМОГИТЕ РАЗОБРАТЬСЯ! Есть код: Эффект перекатывания…

ПОМОГИТЕ РАЗОБРАТЬСЯ! Есть код: Эффект перекатывания a.rollover { background: url(images/sun1.png); /* Путь к файлу с исходным - вопрос №2351418

ПОМОГИТЕ РАЗОБРАТЬСЯ!

Есть код:

<html>
<head>
<meta>
<title>Эффект перекатывания</title>
<style>
a.rollover {
background: url(images/sun1.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 196px; /* Ширина рисунка */
height: 183px; /* Высота рисунка */
}
a.rollover:hover {
background: url(images/sun2.png); /* Путь к файлу с заменяемым рисунком */
}
</style>
</head>
<body>
<p></p>
</body>
</html>
________________________________________________
нужно чтоб несколько картинкой стояли в один ряд (горизонтально), а так же переводили на разные ссылки
НО! они «дублируют» друг друга, а так же не становятся в горизонтальный ряд
Инна
01.03.17
Технологии / JavaScript,Ajax,HTML
1 ответ
Эффект перекатывания
фото в ряд
клибкабельные картинки

Лучший ответ по мнению автора

Рейтинг: 17 568
3-й в Технологиях
Чтобы отображались горизонтально можете дать им float: left, либо поменять display:block на display:inline-block. Чтобы ссылки вели по разным адресам у каждой должен быть прописан свой адрес, а вы, вероятно, просто скопировали одну и ту же ссылку несколько раз.
01.03.17
Лучший ответ по мнению автора

Alexander
Рейтинг: 17 568
3-й в Технологиях
Читать ответы
Посмотреть всех экспертов из раздела Технологии > JavaScript,Ajax,HTML
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store
  • карты visa
  • карты master card
  • карты maestro
  • карты МИР
Мы используем файлы cookie. Пользуясь сайтом, вы принимаете условия нашего соглашения. Принять Детальнее