[Resolvido] Sobre alinhamento css

[NetBoy16 72]

Olá pessoal, seguinte, to tendo uma duvida sobre o alinhamento css, tipo, eu criei uma div e dentro dessa div tem texto, na div eu coloquei text-align: center; e o texto ficou alinhado, beleza, mas no caso de coisas que não são texto, como por exemplo submit button, como faria pra alinha-lo ?

[Pablo RD 5]

margin: 0 auto;

 

Lembrando de definir um width.

 

http://www.w3schools.com/css/css_align.asp

 

Agora, se há uma propriedade que faça justamente isso eu não sei...

[Diéssica 140]

Tu teria que trabalhar com os seletores no CSS só.

 

Um botão submit é um input, certo? Tu pode fazer uma regra específica pro input button adicionando uma classe ou utilizando CSS3, que tu pode especificar o tipo de input de forma mais complexa.

 

input submit:

 

<input type="submit" value="Enviar" class="botao" />

 

.botao {
border: 1px solid #000;
}

 

Ou então, no CSS3, utilizando os seletores complexos (dessa vez com input text):

<input type="text" />

 

input[type="text"] {
border: 1px solid #000;
}

 

Tá tudo aqui, só tu procurar:

:seta: http://www.w3.org/TR/selectors/

 

Agora quanto ao alinhamento do botão, tu vai ter que trabalhar com margin e/ou padding. Só.

:seta: http://www.w3schools.com/cssref/pr_margin.asp

:seta: http://www.w3schools.com/css/css_padding.asp

 

Não testei nada, fiz por aqui mesmo, então, se tiver algo errado.... E se eu entendi errado, :assobiando:

 

:bye:

[NetBoy16 72]

Então, eu tinha feito assim:

 

input[type="submit"] {
  width: 70px;
  height: 35px;
  margin: auto;
}

 

Mas não deu certo, e outra coisa, margin pra alinhamento n eh semanticamente incorreto ?

[William Bruno 1501]

coloca um display: block; ai sim vai funcionar.

 

não, margin para elemento não é incorreto.

[NetBoy16 72]

hmm, pq tipo, on meu pensamento tem certas coisas no css que sao estranhos, por exemplo color, soh serve pra colorir texto, entao pq eles nao eixaram como text-color ou font-color, margin serve pra criar margem, deveria ter pra alinhamento em geral um horizontal-align e vertical-align.

 

Isso é oque eu penso :)

 

Mas vlw :thumbsup:

[Mateus Avila Isidoro 8]

input[type="submit"] {
  width: 70px;
  height: 35px;
  margin: 0 auto;
}

 

o input submit não precisa do display block; Talvez precise de um clear:both.