Кнопка в Chrome, IE и Firefox

@NeverAngel · Регистрация: 19.03.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте! Я новичок. Недавно выучила азы по созданию сайтов и решила сделать сайт для своего рекламного агентства. Все было отлично и понятно, но вот наткнулась на одну неприятность... Отображение кнопки отправки формы везде кроме Оперы отображается некорректно... Уже всю голову сломала как исправить... Подозреваю, что опыта скорее всего не хватает... Помогите пожалуйста.
Вот код html:

HTML5
1
2
3
4
5
6
7
8
9
<div>
            <form action="formdata.php" method="POST" name="form1">
            <input id="nam" type="text" name="name" >
            <input id="phone" type="text" name="phone">
            <input id="mail" type="text" name="mail">
            <textarea id="your_text" name="text" ></textarea>
            <input class="button_send" type="image">
            </form>
            </div>

Код css:

CSS
1
2
3
4
5
6
7
8
9
10
11
.button_send {
background: url(../images/button_send.png);
display: block;
width: 136px;
height: 31px;
margin:16px 26px 0 26px;
}
 
.button_send:active {
background: url(../images/button_senda.png) no-repeat bottom;
}

В Опере работает все как надо, но в остальных браузерах эта кнопка обводится рамкой и поверх написано отправить... Помогите пожалуйста разобраться. Спасибо заранее!

Vourhey · 19.03.2013, 10:39

Через стиль border можно убрать рамку сделав ей ширину в 0.

@NeverAngel · 19.03.2013, 10:48 **[ТС]**

К сожалению не помогает... Рамка только в Chrome остается, но ещё поверх кнопки написано слово "Отправить". В Firefox рамки нет, но поверх изображения кнопки написано "отправить запрос". Хотя у меня вообще нигде такого не прописано...

@Taatshi · 19.03.2013, 12:57

рамка для хрома

CSS
1
outline: none;

@NeverAngel · 19.03.2013, 13:07 **[ТС]**

Не помогло... Да и рамка не единственная проблема... Во вложении картинка с проблемой.

@Taatshi · 19.03.2013, 14:40

Не по теме:

Правлю код по картинкам, вызываю духов, довожу до депрессии... :wizard:

ссылку на сайт дайте.

@NeverAngel · 20.03.2013, 05:52 **[ТС]**

Да конечно дала бы ссылку, только вот сайт ещё в процессе верстки!

22.03.2013, 23:22

Пустой value для кнопки дать.

HTML5
1
<input value='' />

и

CSS
1
input {outline: none;}

@newJS · 23.03.2013, 11:09

хотите верьте, хотите нет, но все решилось с помощью валидатора
ошибки были в этих строках, кому охота берите html из первого поста и скармливайте валидатору

HTML5
1
2
3
<input id="nam" type="text" name="name" >
<textarea id="your_text" name="text" ></textarea>
<input class="button_send" type="image">

вот так все во всех браузерах работает, без css! его теперь нужно аккуратно дописывать

HTML5
1
2
3
4
5
6
7
8
9
<div>
<form action="formdata.php" method="POST" name="form1">
<input id="nam1" type="text" name="nam2" value="">
<input id="phone" type="text" name="phone" value="">
<input id="mail" type="text" name="mail" value="">
<textarea id="your_text" name="text" rows="5" cols="5">rrr</textarea>
<input type="image" name="im1" src="pic.png">
</form>
</div>

@NeverAngel · 25.03.2013, 06:57 **[ТС]**

К сожалению не срабатывает эффект нажатой кнопки...((( А это важно.

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

Vourhey Почетный модератор 7393 / 2639 / 281 Регистрация: 29.07.2006 Сообщений: 13,696
	19.03.2013, 10:39
	Через стиль border можно убрать рамку сделав ей ширину в 0. 0

@NeverAngel 0 / 0 / 0 Регистрация: 19.03.2013 Сообщений: 8
	19.03.2013, 10:48 [ТС]
	К сожалению не помогает... Рамка только в Chrome остается, но ещё поверх кнопки написано слово "Отправить". В Firefox рамки нет, но поверх изображения кнопки написано "отправить запрос". Хотя у меня вообще нигде такого не прописано... 0

@NeverAngel 0 / 0 / 0 Регистрация: 19.03.2013 Сообщений: 8
	19.03.2013, 13:07 [ТС]
	Не помогло... Да и рамка не единственная проблема... Во вложении картинка с проблемой. Изображения 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	19.03.2013, 14:40
	Не по теме: Правлю код по картинкам, вызываю духов, довожу до депрессии... :wizard: ссылку на сайт дайте. 0

@NeverAngel 0 / 0 / 0 Регистрация: 19.03.2013 Сообщений: 8
	20.03.2013, 05:52 [ТС]
	Да конечно дала бы ссылку, только вот сайт ещё в процессе верстки! 0

@NeverAngel 0 / 0 / 0 Регистрация: 19.03.2013 Сообщений: 8
	25.03.2013, 06:57 [ТС]
	К сожалению не срабатывает эффект нажатой кнопки...((( А это важно. 0