Ir para conteúdo

Arquivado

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

cesarhtc

campo ao lado

Recommended Posts

Bom dia , estou criando uma pagina (que não será formulário) que irá ler um banco, estou começando a utilizar CSS e  gostaria de saber como faço para colocar para colocar os campo ao lado do outro.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode usar o elemento <table>, dependendo da situação. Ou, você pode usar outros elementos e utilizar a propriedade "float: left" no CSS ou o recurso "display: flex", o que é mais recomendado.

 

Se quiser uma ajuda mais prática, faça um rascunho gráfico do que desejas.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cesar, na verdade os campos ficam um ao lado do outro, você deve estar utilizando algum framework css que está fazendo isso.

Verifique se você está utilizando bootstrap ou algum outro layout css?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Este artigo vai te ajudar:
https://tableless.com.br/flexbox-organizando-seu-layout/

 

mas você tbm pode fazer da seguinte maneira:

<style>
.main{
  width:100%;
}

.content {
  width:25%;
  background-color: grey;
  float:left;
}
</style>

<body>
  <div class="main">
    <div class="content">
      teste
    </div>
    <div class="content">
      teste
    </div>
    <div class="content">
      teste
    </div>
    <div class="content">
      teste
    </div>
    <div class="content">
      teste
    </div>
    <div class="content">
      teste
    </div>
    <div class="content">
      teste
    </div>
  </div>
</body>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por gilbertjuniors
      Pessoal, boa tarde.
       
      Tem como criar o efeito do conteúdo do site passando por cima de uma imagem (efeito parallax, quero a DIV da imagem parada no mesmo lugar)
      somente usando HTML, CSS, e JavaScript, ou seja usando apenas os padrões W3C sem usar nenhum framework para isto?
       
      Exemplo de site com este efeito 
      https://workshops.caelum.com.br/?utm_source=Caelum&utm_campaign=1f3177ad13-Caelum_Janeiro_1_2018&utm_medium=email&utm_term=0_d82864a9f3-1f3177ad13-47303509&mc_cid=1f3177ad13&mc_eid=49d7354f8b
      (pra mim o efeito funcionou no Opera)
×

Informação importante

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