Проблем с FORM

[gosu]

Здравейте опитвам се да вкарам стандартен бутон
във <form> (вместо грозните <input>))

Работи във всички бразъри освен във Firefox:

<form  method="post" name="comments-form" id="comments-form" action="index.php">

<a href="#" class="button2 reply" onclick="doAddGaComments();return false;" Post comment</a>

</form>

Някакви идейки как да го оправя ?

 

[FestarBG]

<form method="post" name="comments-form" id="comments-form" action="index.php">

<a href="#" class="button2 reply" onclick="doAddGaComments(); return false">Post comment</a>

</form>

 

[emagi]

Що не ползваш бутон, а не както е в момента -> линк:

<form method="post" name="comments-form" id="comments-form" action="index.php">

<input type="button" onclick="doAddGaComments();return false;" value="Post comment" />

</form>

 

[gosu]

Що не ползваш бутон, а не както е в момента -> линк:

Ще ми се загуби стила за който си играх толккова време с PS...
сменя се беграунда при hover & active ...

Как мога да сложа стайлинг на такова нещо? (input)

<a href="#" class="button2 reply" onclick="doAddGaComments(); return false">Post comment</a> 

a.reply {
	width:95px;
	_width:115px;
}
a.button2 {
	background-image: url(../images/gmbutton2.gif);
	height: 26px;
	padding: 0 7px 0 12px;
	text-decoration: none !important;
	text-align: center;
	font:12px Verdana;
	display: block;
	line-height: 26px;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	position: relative;
}
a.button2:hover {
	background-position:0 -26px;
}
a.button2:active {
	background-position:0 -52px;
	font-weight:normal !important;
}

 

[emagi]

Нещо не разбрах?Какво реши?Бутон или линк ще ползваш?

 

[vankata]

слагаш <input> в някакъв <div> и задаваш стила на input от diva за да избегнеш разминавания между браузърите
в css пишеш

div.inputs input {
background-color #ccc;
color: #fff;
font-weight: bold;
font-family: Aial;
}

и каквото ти дойде на ум още..
не го прави обаче директно с инпут..

input#text {
//css here
//css here
}

 

[gosu]

не ми се искаше да сменям класове, да добавям дивове и.т.н
тъй като най красиво става с <a href=""
така че потърсих други начини за решаване на проблема, и то излизаше само на FireFox

Ето как се оправи:

<form  method="post" name="comments-form" id="comments-form" action="index.php"> 

<a href="javascript: document.comments-form.submit(); return void();" class="button2 reply">Post comment</a> 

</form>