Форумы портала PHP.SU :: Версия для печати :: Картинка вместо кнопки Submit

1. Aricus - 14 Апреля, 2014 - 18:26:12 - перейти к сообщению

Я хочу вставить изображение вместо стандартной кнопки "отправить" формы. В одном из форумах вычитал способ:
В html коде пишу:
<input type="submit" class="submit" />
А в CSS:
input.submit {display:inline-block; width:150px; height:40px; border:0; padding:0; background:url('image/button-Vhod.png')}
На картинке сверху та картинка, которая находится по указанному адресу, а снизу то, что я получил на выходе. Где у меня ошибка?

2. IllusionMH - 14 Апреля, 2014 - 18:32:18 - перейти к сообщению

Aricus, родной текст не спрятали.
Попробуйте
font-size: 0;
line-height: 0;
или c text-indent поиграть

3. Aricus - 14 Апреля, 2014 - 18:42:03 - перейти к сообщению

Спасибо, сработало.

4. LIME - 14 Апреля, 2014 - 23:14:37 - перейти к сообщению

5. Конструктор - 29 Апреля, 2014 - 18:13:33 - перейти к сообщению

В html коде пишем:

CODE (html):
скопировать код в буфер обмена

<button type="submit" class="submit"></button>

А в CSS:

CODE (htmlphp):
скопировать код в буфер обмена

button.submit {display:inline-block; width:150px; height:40px; border:0; padding:0; background:url('image/button-Vhod.png')}