Помощник
Проблема с кнопками и CSS |
амд
|
Сообщение
#1
|
||
|
|
||
|
|||
KRoN |
17.4.2012, 1:02;
Ответить: KRoN
Сообщение
#2
|
|
Есть два варианта с помощью скриптов\без.
С первым помочь не смогу, но со вторым: Необходимо сделать копию картинки с градиентом, но в перевернутом состоянии. И вписать новый адрес картинки под hover. Примерно должно выглядеть так, если ничего не напутал: #search_form input#searchsubmit { background: #fc9716 url(http://***.ru/images/knopka.gif) repeat-x; border: 1px solid #f9a58c; height: 28px; width: 66px; font: 12px/Arial,Helvetica,Sans-serif; color: #fff; margin: 0 0 0 5px; text-align: center; -webkit-border-radius: 7x; -moz-border-radius: 7px; border-radius: 7px; } #search_form input#searchsubmit:hover { background: #fc9716 url(http://***.ru/images/knopka_new.gif) repeat-x; } Где knopka_new.gif - ссылка на перевернутое изображение... Сообщение отредактировал KRoN - 17.4.2012, 1:04 -------------------- |
|
|
амд
|
Сообщение
#3
|
|
Тысяча благодарностей! Я бы даже не додумался до такой простоты
Всё удалось и стало прямо как надо Кстати, вы не в курсе, какой тег отвечает за нажатие, именно клик? |
|
|
idlerdog |
17.4.2012, 8:55;
Ответить: idlerdog
Сообщение
#4
|
|
ЕМНИП
>>Кстати, вы не в курсе, какой тег отвечает за нажатие, именно клик? onclick |
|
|
Skreep |
17.4.2012, 9:03;
Ответить: Skreep
Сообщение
#5
|
|
Кстати, вы не в курсе, какой тег отвечает за нажатие, именно клик? В css - active. Например: #btn_search:active {color:red} Сообщение отредактировал Skreep - 17.4.2012, 9:04 -------------------- |
|
|
SergeiVL |
17.4.2012, 15:26;
Ответить: SergeiVL
Сообщение
#6
|
|
Тысяча благодарностей! Я бы даже не додумался до такой простоты Всё удалось и стало прямо как надо Кстати, вы не в курсе, какой тег отвечает за нажатие, именно клик? Если подключена js библиотека jquery: то можно сделать так: $('#idElementa').click(function(){
alert('Вы нажали кнопку'); }); -------------------- |
|
|
амд
|
Сообщение
#7
|
|
|
Возился я с этими кнопками целый день, а сегодня утром случайно забрёл на один форум и увидел там, что оказывается это Opera делает отвратительную черную обводку размером 1px при нажатии на кнопки. Зашел проверил сайт через Safari - нет этой ужасной обводки при нажатии.
Как я понял особенность браузера ничем не изменить, а даже если изменить, то они будут только у меня, а у других пользователей Opera будет та же чёрная обводка при нажатии на кнопку?
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3486 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3418 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6459 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1667 | 3.3.2021, 12:22 автор: kozak199110 |
|
Продам адаптивный шаблон (css/html/js) под cj/tube сайт | 2 | zaiko | 1437 | 29.12.2020, 23:49 автор: zaiko |
Текстовая версия | Сейчас: 24.4.2024, 15:39 |