Formulário com duas colunas de campos

[FabianoSouza 5]

Até onde sei não se usa mais tabelas para criar layouts, certo?

Bom, quero saber dos especialistas em front end como contornar tal situação (vide título do post).

 

Para evitar que o form fique muito comprido, quero distribuir os campos do form em duas colunas.

 

Como fazer isso sem usar tabela??

 

A título de conhecimento, vejam este form. É a tela de um "sisteminha" da Oracle. O form é do jeito que preciso (duas colunas de campos), é criado todo com tabelas.

 

 

[Maykel-ctba 233]

crie uma div para cada coluna... atribua a medida que você quer (se for percentual, 50% pra cada coluna, ou pegue o tamanho fixo, divida por 2), e float: left/right no CSS delas, respectivamente.

 

<style>
    #coluna-1 { width:50%; float:left; }
    #coluna-2 { width:50%; float:right; }
    .clearfix { clear:both; }
</style>
<div id="coluna-1">
    Parte da esquerda do form
</div>
<div id="coluna-2">
    Parte da direita do form
</div>
<div class="clearfix"></div>

 

[FabianoSouza 5]

Hmm. Gostei da sugestão.
Obrigado.

[Giovani 104]

Você pode usar a tag fieldset ;)

 

Por cima o código poderia ficar assim:

<form>
<fieldset>
	input
	...
	select
	...
	textarea
</fieldset>

<fieldset>
	input
	...
	select
	...
	textarea
</fieldset>
</form>

 

form fieldset{
	float: left;
	...
	width: 50%;
}

[Maykel-ctba 233]

Hmm. Gostei da sugestão.

Obrigado.

 

Se ajudou, marque como resolvido, e pontue a resposta, não seu comentário! Ajuda a comunidade ;-)