Ir para conteúdo

POWERED BY:

Arquivado

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

cesarhtc

campo ao lado

Por , em Desenvolvimento frontend

Recommended Posts

cesarhtc    0

cesarhtc
Postado

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

Eziquiel    96

Eziquiel
Postado

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

Pita    53

Pita
Postado

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

Fabio Victor    25

Fabio Victor
Postado

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
Ir para a lista de tópicos Desenvolvimento frontend

  • Conteúdo Similar

    • gilbertjuniors
      Efeito Parallax sem usar frameworks
      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.

  Aceito