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; }

melky 08.07.2011 21:40 
<style>input[type='image'] {*!*cursor:pointer*/!*}</style>
<input type="image" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">

sanhai 08.07.2011 21:51
Тут еше один подвох, надо чтоб из формы имя передавалось и все это по нажатию одной кнопки из пяти. скриптом что ли сделать ну яваскриптом

melky 08.07.2011 21:57
попробуй так : вставь в стили и оставь весь HTML как у тебя был перед написанием темы

у меня в IE 7 работает

вот уж гавнокод :haha: 
.knopka { visibility : hidden }
.knopka img { visibility : visible }

sanhai 09.07.2011 00:24
Ну блин любовь была и так возможна и так возможна и вот так. Спасибо и так работает

sanhai 09.07.2011 20:53
Тут кстати подвох кнопка типа исчезает жать не не на что
Спасибо все равно надо искать другое решение d целом, так как я задумал все равно не пойдет

melky 09.07.2011 22:52
Цитата:
Сообщение от sanhai (Сообщение 112593)
Тут кстати подвох кнопка типа исчезает жать не не на что
она не исчезает, это картинка еще не загрузилась


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