Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

nizo

[Resolvido] alinhar formulário na altura + CSS

Recommended Posts

Olá pessoal, gostaria de saber se tem como alinhar esse campo ao centro na altura?

 

CSS

/*/inicio - Form/*/
input, textarea, select{
	border:1px solid #A8A8A8;
	color:#1D1D1D;
	width:150px;
	vertical-align:middle;
}

label{	
	display:block;
	width:150px;
	text-align:right;
	float:left;
}
div{
	float:left;
	width:350px;
	border:1px solid #666666;
	margin:3px;
}
br{ clear:both; }

HTML:

<div><label>Item form 01</label> <input name="" type="text" /></div>
	<div><label>Item form 01</label> <input name="" type="text" />*</div>
	<br />
	
	<div><label>Nossa que texto grande para um formulário é esse hem?:</label> <input name="" type="text" /></div>
	<br />
	
	<div><label>Item form 01</label> <input name="" type="text" /></div>
	<div><label>Item form 01</label> <input name="" type="text" />*</div>
Alguém pode me ajudar nessa??

Valewww

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloque um padding-top no label de uns 2px, ajuste para que alinhe como você quer =]

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites
  #INSIDE# disse:

Coloque um padding-top no label de uns 2px, ajuste para que alinhe como você quer =]

 

[]'s

ae cara beleza?

então, eu não queria mexer criar mais class, queria usar como padrão para todos os campos...

se eu colocar um padding-top, vai zuar as label que tiverem um uma linha so =/

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara, se me deu uma ótica idéia, =DD, deixei o meu CSS assim:

 

label{
	display:block; 
	width:300px;
	margin-right:10px;
	float:left; 
}

span{
	display:inline-block;
	width:100px;
	margin-right:10px;
	vertical-align:middle;
}

input{ }

br{ 	
	clear:both; 
	height:1px;
}

e o HTMl assim:

 

<label>
		<span>Item form 001</span><input title="" type="text" />
   	</label> 
	<label>
		<span>Item form 002 </span><input title="" type="text" />
   	</label> 
	
	<br />

	<label>
		<span>Item form 003</span><input title="" type="text" />
   	</label>

agora ficou da forma que eu queria =DD

 

Valewww pessoal pela força =DDDDD

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.