alinhar form

[rettich 0]

galera criei um form, ae eu keria saber como eu faço para ir posicionando uma linha abaixo da outra sem ficar uma trapada em cima da outra.Para cada linha eu quebro ela com <br />, ae uso um position:absolute, como eu faria isso melhor!??!

[titodj 0]

o problema eu acho q ta no position:absolute; tenta mudar, pois sendo absolute você teria q cordenar as distancais por camandos tambem... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

dah uma olhadinha nesse codigo... funciona como se fosse uma tabela... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

CSS:

.textbox {	border: solid 1px #5C594D;	background-color: #F5D3B7;	font-family: Verdana;	font-weight: bold;	font-size: 75%;}fieldset {	padding: 7px;	border: solid 1px #5C594D;}legend{	font-weight: bold;	letter-spacing: 1px;	padding: 3px;	background-color: #FFFFFF;	border: solid 1px #5C594D;	margin-bottom: 5px;	background-color: #F8F6F1;}html>body legend{	margin-bottom: 0px;}        input, textarea, select {	margin-bottom: 10px;}label {	display: block;	width: 70px;	float: left;	font-weight: bold;	border-bottom: dashed 1px #5C594D;	border-right: dashed 1px #5C594D;	margin-right: 5px;}

HTML:

<form action="pagina.php" name="formContato" method="post">
<fieldset>
<legend>Contato</legend>
<label for="nome">Nome: </label>
<input type="text" name="nome" id="nome" class="textbox" size="37" />
<label for="email">E-mail: </label>
<input type="text" name="email" id="email" class="textbox" size="37" />
<label for="cidade">Cidade: </label>
<input type="text" name="cidade" id="cidade" class="textbox" size="37" />
<label for="site">Site: </label>
<input type="text" name="site" size="37" class="textbox" />
<label for="mensagem">Mensagem: </label>
<textarea class="textbox" cols="36" name="mensagem" rows="9"></textarea>
<input type="submit" id="btnEnviar" value="" />
</fieldset>
</form>

[rettich 0]

consegui arrumar meu codigo, ficou deste mesmo modo!!

 

minha maior duvida estava nos campos que ficam do lado de outros, tipo, campo nome e campo sobrenome, que pus na mesma linha, ae estes campos que estavam do lado eu não estava conseguindo alinhar, mas consegui, vou fazer os testes!!!

 

vlw, qlqr coisa eu posto ae!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

eles continuam na mesma linha... nesse exemplo, soh quebra quando você chama um label, pq ele está com um display: block, fazendo com q pule a linha... ;)

 

qq cosia eh soh falar... falow... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif