Форма + кнопка в ие6

[Joyfit]

Нигде не могу найти как убрать у формы стандартную рамочку в ие6 и отобразить у кнопки бекграунд.

Html:

 <form class="seacrh" action="#">

            		<h2>Search</h2>
                    <input id="line" type="text" value="" />
                    <input id="button" type="submit" value="" />

            </form>

Css:

#main form {
	float:left;
	padding-left:20px;
	}
#main form h2{
	color:#FFFFFF;
	font-size:16px;
	padding-top:15px;
	font-weight:bold;
	}
#main form #line{
	background-image:url(form.png);
	background-repeat:no-repeat;
	width:170px;
	height:21px;
	border:none;
	color:#FFFFFF;
	float:left;
	padding-left:5px;
	padding-top:5px;

	}
#main form #button{
	background-image:url(button.png);
	border:none;
	width:31px;
	height:29px;
	margin-left:5px;
	float:left;
	cursor:pointer;
	}

http://belyaev-di.narod.ru/business/Capture.PNG - выглядит вот так

Edited August 18, 2010 by Joyfit

[stars]

У формы (имеется ввиду тэг form) нету не каких стандартных рамочек, есть margin(отступ внешний) по умолчанию. Косательно кнопки отправки почему не воспользоваться:

<input type=image src="button.gif">

Но если вы 100% видите рамочку на каком-то элементе то попробуйте ему присвоить border: none;

Edited August 18, 2010 by stars

[Great Rash]

.submit {
	border: 0;
	background: red;
}

[stars]

Ой да чето меня сглючило я подумал что под background имеется ввиду картинка...

[Joyfit]

мммм... попробовал вместо кнопки имейдж сделать.. стало при нажатии к ссылке добавлять переменные х и у рандомные >.<

[Joyfit]

вот тут собственно можно посмотреть) http://www.belyaev-di.narod.ru/business/business.html

[stars]

мммм... попробовал вместо кнопки имейдж сделать.. стало при нажатии к ссылке добавлять переменные х и у рандомные >.<

Кнопка сама по себе не какие x и y не добавляет...

<input id="button" type="submit" value="" />

Параметр value у кнопки можно не писать, тем более у вас XHTML 1.0 Transitional

Касательно IE попробуйте сделать замену

#main form #line{   => input#line {
#main form #button{ => input#line {

Для кнопки в виде картинки я бы все таки делал через type="image"

Edited August 19, 2010 by stars

[mishka]

Для кнопки в виде картинки я бы все таки делал через type="image"

Чем сабмит с бекграундом не устроил? Ведь на него легко ховер сделать, без JS. А кнопочка с ховером приятнее смотрится. Как говорится - мелочь, а приятно.

Edited August 19, 2010 by mishka2

[Joyfit]

тем что в ие6 сабмит не хочет отображать бекграунд-имедж, да и ховер не нужен.

[stars]

тем что в ие6 сабмит не хочет отображать бекграунд-имедж, да и ховер не нужен.

Замена в css не помогла? http://forum.htmlbook.ru/index.php?s=&...st&p=157878