Ir para conteúdo

Arquivado

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

Nigol

Centralizar botão de um formulário

Recommended Posts

Olá gente...

 

preciso centralizar um botão do tipo submit em um formulário este formulário está dentro de uma tabela.

 

 

e o botão fica alinhado no topo e todo o restante de meu texto no centro, como faço para alinha-lo ao centro?

 

o buttonallign:center; não funcionou :(

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se o botão está dentro de uma tabela, tenta o seguinte:

 

Atribua um ID a essa tabela, e na CSS adiciona isso:

 

table#id da tabela {
text-align:center;
}

 

Deve centralizar tudo, o botão também deve ser centralizado com isso.

 

/Pode não ser a solução mais conveniente, mas funciona :joia:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não entendi muito bem sobre centralizar na vertical, mas tenta isso:

Atribui uma ID somente ao botão, e usa na CSS:

#id do botão {
margin-top:50%;
margin-bottom:50%;
}

 

Isso deve dar certo. (Se não for isso, posta o codigo do formulario aki pra entender melhor XD)

Compartilhar este post


Link para o post
Compartilhar em outros sites

style

#btn
  {
   margin-top:50%;
   margin-bottom:50%;
  }
table.lista
{
	border: 0px solid black;
font-family:"Calibri";	
	margin-top: 2px;
}

 

código este botão fica bem em cima na tabela

<table class='lista' >
<td  class='lista' align='center'>
				 <form method='POST'   action='pratica.php'>
					<INPUT type='submit'   id='btn' name='botao{$linha['pr_cod_pratica']}'value='Visualizar'>
				</form>
			</td>
			<td align='center'>
				$tipo
			</td>
			<td>
		               frase!!!
			</td>
			<td>
		               frase!!!
			</td>
			<!--<td>
		               frase!!!
			</td>-->

	  </tr>
</table>

 

 

 

 

 

 

 

 

 

 

Não entendi muito bem sobre centralizar na vertical, mas tenta isso:

Atribui uma ID somente ao botão, e usa na CSS:

#id do botão {
margin-top:50%;
margin-bottom:50%;
}

 

Isso deve dar certo. (Se não for isso, posta o codigo do formulario aki pra entender melhor XD)

Compartilhar este post


Link para o post
Compartilhar em outros sites

:huh:

Pelo que eu vi aqui, o margin-top e -bottom:50% deveriam funcionar...

Não tenho mais nada em mente pra definir o posicionamento do botão, a não ser o uso de margens mesmo, mas se não deu certo, vamos esperar mais alguém responder :ermm:

 

Vou tentar pensar em alguma outra coisa, se conseguir algo, posto aqui de novo =D

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.