Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Оформление button (https://javascript.ru/forum/xhtml-html-css/18621-oformlenie-button.html)

sanhai 08.07.2011 18:38

Оформление button
 
Помогите пожалуйсто как сделать чтоб кнопка button не как не проявлялась

<button class="knopka" name="rez" value="1" type="submit"><img src="заготовки/ocenka_1.jpg"></button>

То есть чтобы картинка была а кнопки небыло

Amphiluke 08.07.2011 19:59

Но для этого ведь есть <input type="image" />

P.S. На крайний случай:
.knopka {
    background:none;
    border:none;
    padding:0;
}

sanhai 08.07.2011 20:24

А так не находит значение ocen1
Код:
<form name="ocen" action="test_1.php" method="post">
<input type="text" name="nikName"><br>
<input type="image" src="CSS/ocenka_1.jpg" value="1" name="ocen1">
</form>

Код 2Ж
$nikName = $_POST['nikName'];
$ocen = $_POST['ocen1'];
echo "<br>".$nikName;
echo "<br>".$ocen;

Amphiluke 08.07.2011 20:58

А к чему серверу знать value у кнопки? Для кнопки-изображения в массиве $_POST приходят координаты клика по кнопке. Если вам нужно передать с формой какое-то дополнительное значение, сделайте hidden-поле.

sanhai 08.07.2011 21:02

А как тогда будет выглядеть код. Просто я даже не знаю на что эту проблему гуглить да и может есть нормальное решение мне нужно чтоб при клики на картинку (их пять) в скрипт передавалось значение картинки (ну в смысле цифра) и к ней добавлялось поле имени

melky 08.07.2011 21:16

Цитата:

Сообщение от Amphiluke (Сообщение 112482)
.knopka {
    background:none;
    border:none;
    padding:0;
}


а ты это пробовал?

sanhai 08.07.2011 21:22

Да пробовал не помогает остаются тени от кнопок

Amphiluke 08.07.2011 21:28

Ну, если так, можно сделать 5 обычных кнопок <input type="submit" /> без бордеров и с обнуленными полями, задав каждой свою картинку качестве фона. У таких кнопок value передается

sanhai 08.07.2011 21:36

Ха решение БЛАГОДАРЮ и вдогонку а как сделать чтоб при наведении на нее курсор на пальчик изменялся ну как при наведении на ссылку

Amphiluke 08.07.2011 21:38

.knopka:hover { cursor:pointer; }

Псевдокласс :hover не нужен, конечно.

.knopka { cursor:pointer; }


Часовой пояс GMT +3, время: 02:41.