Помощник
|
Поиск |
Svir
|
Сообщение
#1
|
||
|
|
||
|
|||
SilverCross |
22.3.2011, 15:09;
Ответить: SilverCross
Сообщение
#2
|
|
[CSS]
.button { background:url(image.jpg); width:свой размер в px; height:свой размер в px; } [/CSS] input type=submit value="Пошук" class="button">
|
|
|
Rayled_hb |
22.3.2011, 15:40;
Ответить: Rayled_hb
Сообщение
#3
|
|
SilverCross, а зачем так извращаться в данном случае? У INPUT же есть специальные атрибуты type="image" и src для этого. Вот здесь гляньте.
|
|
|
Rayled_hb |
22.3.2011, 15:45;
Ответить: Rayled_hb
Сообщение
#4
|
|
(' post='106496 @ 22.3.2011, 17:43) В таком случае она работает просто как ссылка, но не как кнопка "поиск". А спорим вы не правы. :) type="image" и type="submit" выполняют одну функцию. upd: О, видимо пока писал ответ alek_sania свое сообщение уже удалил... |
|
|
Apay |
22.3.2011, 16:57;
Ответить: Apay
Сообщение
#5
|
|
|
|
|
Rayled_hb |
22.3.2011, 17:44;
Ответить: Rayled_hb
Сообщение
#6
|
|
не спорте, вы не правы. input type=image еще посылает на сервер два переметра x и у - координаты точки, куда ткнули мышкой Ну я все же в несколько другом ракурсе рассматривал, а если точнее, то в контексте данной темы. image и submit выполняют одну функцию - служат для отправки данных по адресу указаннному в action. А так да, image отправляет их немного больше. |
|
|
Svir
|
Сообщение
#7
|
|
вот мой пример
<div id="search-box"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><input type="text" class="search-area"></td> <td width="10"><img src="/spacer.gif" width="10" height="1" alt=""></td> <td width="72"><a href="#"><img src="/btn_search.png" width="72" height="29" alt=""></a></td> </tr> </table> </div> и вместо этого надо задать такой же по виду, но чтобы btn_search.png была не как ссылка, а выполняла функцию (см. выше) |
|
|
pavelsc |
23.3.2011, 19:52;
Ответить: pavelsc
Сообщение
#8
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style type="text/css"> body {margin:0;color:#fff;font:bold 17px Tahoma;text-align:center} .button { margin:10px; width:200px; height:40px; background: url("x.jpg") 0px 0px no-repeat } </style> <script> function butt(event, id, h) { switch(event){ case 'over': document.getElementById(id).style.backgroundPosition = '0px -'+h+'px'; break; case 'out': document.getElementById(id).style.backgroundPosition = '0px 0px'; break; case 'down': document.getElementById(id).style.backgroundPosition = '0px -'+2*h+'px'; break; case 'up': document.getElementById(id).style.backgroundPosition = '0px -'+h+'px'; break; } } </script> </head> <body> <div class="button" id="b1" onmouseover="butt('over', 'b1', 40);" onmouseout="butt('out', 'b1', 40);" onmousedown="butt('down', 'b1', 40), yourFormName.submit();" onmouseup="butt('up', 'b1', 40);"> </div> </body> </html> Я вот так делаю. h - высота кнопки (1/3 высоты картинки). Картинка ниже [attachment=37639:x.jpg] |
|
|
pavelsc |
23.3.2011, 20:07;
Ответить: pavelsc
Сообщение
#9
|
|
Если твой вариант использовать:
<div id="search-box"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><input type="text" class="search-area"></td> <td width="10"><img src="/spacer.gif" width="10" height="1" alt=""></td> <td width="72"><a href="javascript:yourFormName.submit();"><img src="/btn_search.png" width="72" height="29" alt=""></a></td> </tr> </table> </div> теги <b></b> тока убери, глюк какой-то |
|
|
Svir
|
Сообщение
#10
|
|
не работает( совсем не функционирует (не реагирует)
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Smmsearch.net - поиск самой дешевой накрутки в социальных сетях. | 0 | Professor7717 | 3270 | 13.8.2021, 19:53 автор: Professor7717 |
|
Поиск кодера в команду. PHP, Pyton. На постоянку. | 7 | getsend_mw | 2808 | 3.2.2021, 21:15 автор: getsend_mw |
|
Поиск копирайтера на игровую тематику Поиск копирайтера на игровую тематику |
4 | a1ex777 | 1627 | 2.10.2020, 16:01 автор: AndreyBozhenko |
|
SmmBox - поиск, аналитика и отложенная публикация в соцсетях. Официально! | 23 | smmbox | 11857 | 13.5.2020, 11:12 автор: smmbox |
|
Поиск, сбор информации, парсинг (недорого) Предлагаю услуги по поиску, сбору информации, парсингу и т.д. |
0 | Kabardin | 1334 | 11.3.2020, 14:59 автор: Kabardin |
Текстовая версия | Сейчас: 28.3.2024, 19:41 |