Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, eu tenho um formulario de busca que ta me dando dor de cabeça, pois no FF,IE6 renderiza legal. Já no IE8 fica todo desformatado. Nem vi no ie7.
O que eu preciso é deixar o submit dentro do input (mesma maneira como aqui do forum, onde tem a imagem da lupa dentro do input) e abaixo deixar as minhas opções de radio button uma ao lado da outra.
vou postar meus códs.
css:
/ BUSCA /
* html, body {
margin:0;
padding:0;
border:none;
height:100%;
font:normal 0.8em/1.5 Tahoma, Arial, Helvetica, sans-serif;
color:#37352F;
background:#fff;
outline:none;
}
#buscador {
float:right;
width:35%;
margin-right:1%;
position:relative;
left:0;
top:2px;
color:#FFF;
font-size:11px;
text-align:center;
}
#search {
float:right;
height:auto;
padding:0;
margin:0;
width:auto;
border:none;
}background:#fff;
border:2px solid #333;
padding:5px 40px 5px 5px;
width:291px;color:#000;
}background:none;
border:0;
margin:7px 0 0 -26px;
padding:0;
width:auto;
position:absolute;
}border:none;
background:none;
width:auto;
vertical-align:middle;
margin-top:1px;
}
pagina:
<div id="buscador">
<form method="post" id="searchform" action="#">
<fieldset id="search">
<input value="DIGITE A SUA BUSCA" onfocus="if (this.value == 'DIGITE A SUA BUSCA') {this.value = '';}" onblur="if (this.value == '') {this.value = 'DIGITE A SUA BUSCA';}" name="input_busca" id="input_busca" type="text" />
<input name="" src="lupa.jpg" value="Buscar" id="searchsubmit" class="btn" type="image" title="Buscar" />
<input type="radio" name="escolha" class="radio" value="1" id="1" /> opcao1
<input type="radio" name="escolha" class="radio" value="2" id="2" /> opcao2
<input type="radio" name="escolha" class="radio" value="3" id="3" /> opcao3
<input type="radio" name="escolha" class="radio" value="4" id="4" /> opcao4
<input type="radio" name="escolha" class="radio" value="5" id="5" /> opcao5
</fieldset>
</form>
</div>
Peço ajuda de vocês pra deixar ele formatado em todos os navegadores...
Valeu.
Carregando comentários...