Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
|VoroN|
13 / 13 / 6
Регистрация: 24.04.2011
Сообщений: 109
#1

кнопка отказывается менять свой вид при наведении и активации - HTML, CSS

28.01.2013, 14:57. Просмотров 1072. Ответов 2
Метки нет (Все метки)

Доброго времени суток товарищи!
Итак, ситуация такова:
Решил сделать на сайте красивую кнопочку, которая будет менять свой облик при наведении на нее, и ее активации. Нафотошопил три картинки в формате .png. Прописал в html код:
HTML5
1
<a id="play_button" href="game.html"></a>
В css прописал следующее:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#play_button {
    width: 223px;
    height: 67px;
    display:block;
    background-image:url(img/unactive.png);
    float:  right;
}
 
#play_button a:hover {
    background-image:url(img/hover.png);
}
 
#play_button a:active {
    background-image:url(img/active.png);
}
Кнопка отобразилась нормально, курсор как полагается меняет вид при наведении, но вот рисунок свой внешний вид при наведении менять не хочет, при ее активации такая же лажа. Самое интересное, менюшка, сделанная примерно таким же способом работает без проблем. Вроде бы и код простой как 2 копейки, но в чем дело понять не могу, может я слепой, может какой то простой истинны не знаю, в общем тыкните мне пальцем где моя ошибка)) Заранее спасибо.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
28.01.2013, 14:57
Здравствуйте! Я подобрал для вас темы с ответами на вопрос кнопка отказывается менять свой вид при наведении и активации (HTML, CSS):

Менять цвет текста при наведении - HTML, CSS
Здравствуйте. Помогите, пожалуйста, решить проблему. Есть блок а, в нем блоки b, c. При наводке курсора на всю &quot;поверхность&quot; блока а...

Как при наведении на li менять фон у блока слева - HTML, CSS
Добрый вечер, подскажите как можно сделать так чтобы при наведении на пункт li менялся фон у блока слева. &lt;main class=&quot;page-content&quot;&gt; ...

Менять фон всей страницы при наведении на кнопку - HTML, CSS
Здравствуйте, хотел сделать на заготовке станицы кнопку(not push), чтобы при наведении менялся фон всей станицы(это будет что-то вроде...

сделать кнопку , которая изменяется при наведении и принимает прежний вид при уходе с кнопки - HTML, CSS
Ребята, теперь я буду вас расспрашивать о вебе постоянно. Прошу ответить - надо сделать кнопку , которая изменяется при наведении и...

Как при наведении на дочерний блок менять стиль родительского блока - HTML, CSS
Здравствуйте, подскажите пожалуйста как при наведении на дочерний блок менять стиль родительского блока? Например: &lt;div class=&quot;blok1&quot;&gt; ...

Прыгает кнопка меню при наведении - HTML, CSS
прыгает кнопка меню при наведении на нее как это убрать http://uks-kuzneck.ru/ вот сам сss

2
ask66
53 / 53 / 1
Регистрация: 20.11.2012
Сообщений: 114
28.01.2013, 16:04 #2
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
попробуйте так #play_button:hover или a#play_button:hover
1
|VoroN|
13 / 13 / 6
Регистрация: 24.04.2011
Сообщений: 109
28.01.2013, 16:14  [ТС] #3
Цитата Сообщение от ask66 Посмотреть сообщение
попробуйте так #play_button:hover или a#play_button:hover
Спасибище огромное, заработало)))
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.01.2013, 16:14
Привет! Вот еще темы с ответами:

Как при наведении на один элемент (hover) менять стили другого элемента css? - HTML, CSS
Есть вертикальный блок навигации, список, в каждом &lt;li&gt; лежит картинка и заголовок. Цель: при наведении мышки на элемент списка -&gt;...

Кнопка-картинка как ей изменить цвет при наведении - HTML, CSS
Здравствуйте есть кнопка - это изображение png как этой кнопке изменить цвет при наведении на нее?

Где в коде строка, указывающая на то, что кнопка при наведении становится серым с горизонтальным переходом на белый - HTML, CSS
Голову сломал. Где строка указывающая на то, что кнопка при наведении становится серым с горизонтальным переходом на белый? #cssmenu ul...

Эффект при наведении. При наведении на впереди стоящий элемент, предыдущие элементы меняли цвет border - HTML, CSS
Необходимо реализовать это по возможности без js. Если есть какие-то варианты на css, буду рад изучить вопрос! Благодарю! На рисунке...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru