[Resolvido] Centralizar Campo

[rafaelcrvs 3]

Olá,

 

No campo "Qual veículo você procura?" que fica na página inicial, tentei centralizar a frase e o campo, porém ao centralizar estes dois itens, outros campos e frases do site movimentam-se também.

 

Como centralizar estes dois campos e não afetar outros campos e frases do site?

 

Site: http://saladeestudos.net/teste/

[rafael-tdc 13]

Primeiramente naquela div "form-input", você deve declarar width:960px, margin left e right auto

aí já alinha com o conteudo, da uma olhada

 

se você quiser alinhar no centro da página, só declarar o width para 453px

[rafaelcrvs 3]

Ok, isso eu consegui fazer, o problema é que se eu faço isso, outros campos do site, também são mexidos, como por exemplo, os campos de usuário e senha (que ficam no topo da página)

[rafael-tdc 13]

Entendi,

 

você não pode declarar outra classe/id para essa div, porque daí não influenciará nas outras divs.

 

Senão, coloca do jeito que desalinha os campos de usuário e senha para eu dar uma olhada

[rafaelcrvs 3]

Coloquei os campos no centro da página pra você ver.

 

Perceba que lá no topo afetou os campos de login e senha. Se você olhar no firebug verá que é usado o mesmo campo.

 

Obrigado pela ajuda parceiro.

[rafael-tdc 13]

Então, aqui não centralizou direito, talvez você esteja realizando os processos com base num monitor menor

 

o monitor que eu uso é de 1680px, fica assim:

 

 

 

 

O jeito mais fácil para resolver isso é mudando a classe/id da div mesmo

coloca com as propriedades que já estão e muda as necessárias para que fiquem centralizadas

[rafaelcrvs 3]

O meu aqui é 1280 x 1024

 

Já tentei mudar o ID dela, mas sem sucesso. Acho que fiz algo errado, mas não sei como fazer.

[rafael-tdc 13]

Primeiramente, antes de tudo, você tem que voltar do jeito que tava antes do que eu pedi para você mudar, deixa ela alinhada lá na esquerda que nem tava antes, saca?

 

daí cria uma classe com as propriedades:

width:960px;
margin-left:auto;
margin-right:auto;

 

Na linha 206 (<div class="form-input clearfix">) você muda para:

<div class="NOMEDANOVACLASSE clearfix">

 

Desse jeito já resolve eu acho, quando tiver desse jeito, você sobe e me avisa para ver o que mais pode ser feito

[rafaelcrvs 3]

Perfetio, consegui ajustar, mas a pesquisa não funciona <_<

 

Perceba que esta mesma barra de pesquisa e o botão "pesquisar", eu peguei do menu "Pesquisa Avançada".

 

Mas a barra da "Pesquisa Avançada" funciona, na página principal não está funcionando :upset:

[rafael-tdc 13]

Na index não tá funcionando por que tá sem a tag <form> :clap:

[rafaelcrvs 3]

uahuhauhauhauha

 

Brother, tu é O CARA.

 

:D