Ссылка - фоновая картинка

@Nightmare42rus · Регистрация: 04.06.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте
Надо сделать так, чтобы при наведение на ссылку появлялась маленькая фоновая картинка, например человечек или еще что-то.

@maximus2011 · 24.06.2013, 18:55

где появлялась-то? Лево, право, низ, верх

@Nightmare42rus · 25.06.2013, 13:42 **[ТС]**

все равно, просто фоновая

@uaDUREMARua · 25.06.2013, 17:36

Привет. Трудно понять, что тебе именно нужно, но попробуй вот этот код. Может это то, что ты искал.

HTML5

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Главная страница</title>
<style>
 a{
    padding:10px 0 0 40px;
    display:block;
    height:50px;
 }
 a:hover{
    background-image:url(11.jpg);
    background-repeat:no-repeat;
 }
</style>
</head>
<body>
<a href="#">Ссылка</a>
</body>
</html>

Добавлено через 2 минуты

CSS

1	background-image:url(11.jpg);

Здесь в скобках указываешь название и адрес своей картинки.

@Nightmare42rus · 25.06.2013, 18:29 **[ТС]**

Когда наводишь курсор на ссылку (просто наводишь) надо что бы на фоне ссылки появилась маленькая картинка (любая) и как только убрать курсор с ссылки, картинка исчезает. Вот что мне надо.

@Sabio · 26.06.2013, 02:39

Вам человек ответил уже.

Вот только я не понял зачем ссылку блоком выводить?

@uaDUREMARua · 26.06.2013, 12:56

Все вроде так и работает как просил. Не пойму, что не устраивает.

Добавлено через 3 минуты
@Sabio, а как по другому можно сделать? Покажи пожалуйста.

@Nightmare42rus · 26.06.2013, 14:53 **[ТС]**

Да, сори, просто сам затупил, спасибо.

@Sabio · 26.06.2013, 15:09

Знаешь главный (на мой взгляд) принцип поисковой системы? Чем лучше ты формулируешь запрос, тем больше шансов получить полезный ответ на свой вопрос.

Так и тут. Сформулируй что конкретно и зачем ты хочешь получить, и тебе смогут более точно ответить.

Добавлено через 14 минут

Сообщение от uaDUREMARua

@Sabio, а как по другому можно сделать? Покажи пожалуйста.

Ну, чтобы просто показать человеку механизм, по-моему достаточно и такого (div положил, чтобы строчный элемент не напрямую в body валялся):

HTML5

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Главная страница</title>
        <style>
            a:hover{
                background:no-repeat url(11.jpg);
            }
        </style>
    </head>
        <body>
            <div>
                <a href="#">Ссылка</a>
            </div>
        </body>
</html>

Если ошибаюсь, подскажите.

@uaDUREMARua · 26.06.2013, 15:58

В этом случае ссылка перекрывает фоновый рисунок, а у меня она отображается с левой стороны.
Но можно и так сделать.

@Nightmare42rus 0 / 0 / 0 Регистрация: 04.06.2013 Сообщений: 10
		1
	Ссылка - фоновая картинка 24.06.2013, 18:48. Показов 1859. Ответов 9 Метки нет (Все метки) Здравствуйте Надо сделать так, чтобы при наведение на ссылку появлялась маленькая фоновая картинка, например человечек или еще что-то. 0

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	24.06.2013, 18:55	2
	где появлялась-то? Лево, право, низ, верх 0

@Nightmare42rus 0 / 0 / 0 Регистрация: 04.06.2013 Сообщений: 10
	25.06.2013, 13:42 [ТС]	3
	все равно, просто фоновая 0

@Nightmare42rus 0 / 0 / 0 Регистрация: 04.06.2013 Сообщений: 10
	25.06.2013, 18:29 [ТС]	5
	Когда наводишь курсор на ссылку (просто наводишь) надо что бы на фоне ссылки появилась маленькая картинка (любая) и как только убрать курсор с ссылки, картинка исчезает. Вот что мне надо. 0

@Sabio 57 / 57 / 14 Регистрация: 24.06.2013 Сообщений: 265
	26.06.2013, 02:39	6
	Вам человек ответил уже. Вот только я не понял зачем ссылку блоком выводить? 0

@uaDUREMARua 5 / 5 / 2 Регистрация: 24.06.2013 Сообщений: 11
	26.06.2013, 12:56	7
	Все вроде так и работает как просил. Не пойму, что не устраивает. Добавлено через 3 минуты @Sabio, а как по другому можно сделать? Покажи пожалуйста. 0

@Nightmare42rus 0 / 0 / 0 Регистрация: 04.06.2013 Сообщений: 10
	26.06.2013, 14:53 [ТС]	8
	Да, сори, просто сам затупил, спасибо. 0

@uaDUREMARua 5 / 5 / 2 Регистрация: 24.06.2013 Сообщений: 11
	26.06.2013, 15:58	10
	В этом случае ссылка перекрывает фоновый рисунок, а у меня она отображается с левой стороны. Но можно и так сделать. 0