problemas com aling

[Hugo Borges_120734 6]

Galera montei um select em html e javascript. ao marcar a 2º opção aparece um input, se eu marcar a 1º fica apenas um input, ate ai tudo bem. O proíbem a e que quero que eles esteja alinhado sempre esquerda. independente se vai mostrar 1 ou 2 input.

 

Segue código:

<script>
function aparece(){
if(document.form1.um.selectedIndex=="1"){
document.form1.dois.style.visibility="visible";
}
else {
document.form1.dois.style.visibility="hidden";
}
}
</script>

<form name="form1">
<select name="um" onchange="aparece();">
<option> Escolha </option>
<option> Opcao 1 </option>
</select>

<p><input type="text" name="dois" style="visibility:hidden;"><input type="text" name="tres"></p>
					


</form>

[Diego Arent 19]

input {

display:block;

float:left;

clear:both;

}

[Hugo Borges_120734 6]

Bom não e bem desta forma, assim fica um em cima do outro.

 

O que eu quero e que fique um do lado.

 

 

Tipo assim, se a primeira opção for marcada fica assim

 

 

​<input1> ​<input2>

Se uma opção for marcada fica assim

 

​<input2>

 

 

 

No jeito que vc falou ta ficando assim

 

​<input1>

​<input2>

[Diego Arent 19]

Sem o display block não funciona?

 

Defina uma largura para o elemento e o float:left deve resolver:

input { 
    width:100px;
    float:left;
}

[Hugo Borges_120734 6]

vlw :)