Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 :(
e como centralizar a Vertical?
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)
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)
: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
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 {
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: