5 replies to this topic

[pgnall]

Eai pessoal, eu dei uma pesquisada e encontrei um formulario que foi feito com divs, mas não gostei mto, eu geralmente uso definindo o label de um lado e as inputs apos e br...

Mas vi esses dias um comentario sobre criar com dd, dt...
Alguem sabe como fazer?

Valeu

[ddacal]

cara,

eu criei uma solução minha aqui que eu uso tipo assim:

<div class='linha'>

   <div class='item'>
	  <label>
		  label<br />
		  <input />
	  </label>
   </div>

   <div class='item'>
	  <label>
		 label<br />
		 <input />
	  <label>
   </div>

</div>

e criei um css pra colocar os "item" lado a lado. E deixar cada 'linha' ocupando uma linha inteira.
Alem disso defini formatos de fonte para o texto do label e para o texto do input.

Tenho que assumir que no html essa soulção é um tanto feia... Mas consegui deixa-la funcionando na boa.


Faça seus testes!

[pgnall]

Opa, valeu cara...
Não era bem oque eu queria, mas caso eu precise algum dia já tenho uma luz...

o que eu queria é o tradicional:

Nome:	  INPUT
Email:	 INPUT

mas eu queria saber como fazer com dl...
já pensei em deixar DT e DD na mesma linha, porem, como seria a quebra de linhas?

Valeu

Edição feita por: pgnall, 16/08/2006, 18:26.

[Klaus]

Ah, você pode fazer cada linha ser um DL e pronto.

Ou, se for tudo dentro do mesmo DL, um clear: left no DT resolve também.

[pgnall]

hum...

Klaus, ou eu não entendi direito ou não funcionou hehe

mas consegui outro geito:

CSS

dt	{
	display: block;
	float: left;
	}
dd	{
	display: block;
	}

HTML (normal)

<dl>
	<dt />NOME
		<dd /><input type="text" />
	<dt />NOME
		<dd /><input type="text" />
</dl>

Valeu

[Klaus]

Bom, as tags DT e DD não se usam assim... Elas são iguais um parágrafo. O texto vai dentro delas.

Coloque float tanto no DD como no DT e clear: left nos DTs.