Результаты поиска
Введите запрос, по завершению нажмите Enter.
ФорумБлогиМануалыНовые постыЛюди
  • Страница 1 из 1
  • 1
Форум » Веб-мастерская » CSS » Замена BG при нажатии на ссылку
Замена BG при нажатии на ссылку
Отправлено 03.06.2012 - 22:491
Бывалый
651 сообщениий
Мужчина
Code
a.menu-tab:link {display:block; text-decoration:none; width:239px; height:34px; background:url('/menu-tab.png');}
a.menu-tab:active {display:block; text-decoration:none; width:239px; height:34px; background:url('/menu-tab.png') 0px 34px;}
a.menu-tab:visited {display:block; text-decoration:none; width:239px; height:34px; background:url('/menu-tab.png');}
a.menu-tab:hover {display:block; text-decoration:none; width:239px; height:34px; background:url('/menu-tab.png') 0px 68px;}

Вот код вертикальной менюшки для примера, при hover картинка нормально меняется, а вот при нажатии (это ведь active?) картинка не меняется. Почему? Картинка 102 высотой, в верстке вродебы нормально разбираюсь..
Профиль Личное сообщение Дом. страница icq Skype
73
Отправлено 03.06.2012 - 22:542
Нет аватара
Designer
979 сообщений
Мужчина
У меня почему то тоже в опере (11.64) спрайты не работаю. Тоже недавно заметил.
Профиль Личное сообщение Дом. страница icq Skype
18
Отправлено 03.06.2012 - 22:563
Бывалый
651 сообщениий
Мужчина
lapochka, Прийдется без этой фичи пихать менюшку..
Профиль Личное сообщение Дом. страница icq Skype
73
Отправлено 03.06.2012 - 23:014
Нет аватара
Бывалый
692 сообщения
Мужчина
domenik, попробуй :focus, я не знаю (
Профиль Личное сообщение Дом. страница icq Skype
97
Отправлено 03.06.2012 - 23:085
Бывалый
651 сообщениий
Мужчина
one, Неканает :(
Профиль Личное сообщение Дом. страница icq Skype
73
Отправлено 03.06.2012 - 23:136
Нет аватара
Бывалый
692 сообщения
Мужчина
domenik, а через JS, JQ ???
Профиль Личное сообщение Дом. страница icq Skype
97
Отправлено 03.06.2012 - 23:157
Бывалый
651 сообщениий
Мужчина
one, Я не шарю
Профиль Личное сообщение Дом. страница icq Skype
73
Отправлено 03.06.2012 - 23:238
Нет аватара
Бывалый
692 сообщения
Мужчина
А у меня не хватает мозгов сегодня что бы написать скрипт :D
Уж извини :(
Профиль Личное сообщение Дом. страница icq Skype
97
Отправлено 04.06.2012 - 11:489
Бывалый
649 сообщений
Мужчина
кажется, :active, но помню какой то еще был
Профиль Личное сообщение Дом. страница icq Skype
17
Отправлено 04.06.2012 - 15:3010
Нет аватара
Coder
627 сообщений
Мужчина
Quote (domenik)
а вот при нажатии (это ведь active?)

js)

Code
$('a').click(function() {
$(this).css({
display: 'block',
text-decoration: 'none',
width: '239px',
height: '34px',
background: 'url(\'/menu-tab.png\') 0px 34px'
});
});


кстати попробуй поменять расположение, hover и active
active ниже ховера опусти
Профиль Личное сообщение Дом. страница icq Skype
66
Отправлено 04.06.2012 - 15:3611
Нет аватара
Бывалый
380 сообщений
Мужчина
domenik, должно и на css работать... ссылку бы в живую посмотреть, а то так не очень ясно
Профиль Личное сообщение Дом. страница icq Skype
59
Отправлено 04.06.2012 - 19:0512
Бывалый
651 сообщениий
Мужчина
Quote (syp41k)
кстати попробуй поменять расположение, hover и active
active ниже ховера опусти

Работает отлично, спасибо!
Профиль Личное сообщение Дом. страница icq Skype
73
Отправлено 22.07.2012 - 14:1013
Нет аватара
Пользователь
72 сообщения
Мужчина
Правильная расстановка ссылок:
link
visited
hover
active
Профиль Личное сообщение Дом. страница icq Skype
0
Форум » Веб-мастерская » CSS » Замена BG при нажатии на ссылку
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2025
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация