[Resolvido] alinhamento de form

[kaamus 0]

Olá pessoal!! Tudo bem?

 

Então to com problema pra alinhar dois campos na mesma linha e mais dois botões olhem

 

estilo do meu form

 

CODE

<style type="text/css">

input{

display:block;

margin-left:220px;

margin-bottom:5px;

}

select{

display:block;

margin-left:220px;

margin-bottom:5px;

}

textarea{

display:block;

margin-left:220px;

margin-bottom:5px;

}

label{

clear:left;

display:block;

float:left;

margin-top:0px;

width:210px;

}

fieldset{

border:0px;

}

 

</style>

 

html só desses campos que eu citei

 

CODE

<label>Categorias:    Disponíveis:</label>

<select name=categoria[] class=botoes size=7 multiple>

<?

$result11 = mysql($db, "select categoria, id from categoria order by categoria ASC");

$qtd11 = mysql_Num_Rows($result11);

$i = 0 ;

while ($i < $qtd11):

$cd = mysql_result($result11, $i, 1);

$nome = substr(strtoupper (mysql_result($result11, $i, 0)), 0, 25);

$result111 = mysql($db, "select * from categoria_produto WHERE 1 AND categoria = $cd AND produto = $cd_produto");

$qtd111 = mysql_Num_Rows($result111);

if (!$qtd111)

echo "<option value=$cd $s>$nome</option>";

$s = "";

$i++;

endwhile;

?>

</select>

Cadastradas: 

<select name=categoria2[] class=botoes size=7 multiple>

<?

$result11 = mysql($db, "select categoria.* from categoria, categoria_produto WHERE 1 AND categoria.id = categoria_produto.categoria AND categoria_produto.produto = $cd_produto ORDER BY categoria.categoria ASC");

$qtd11 = mysql_Num_Rows($result11);

$i = 0 ;

while ($i < $qtd11):

$cd = mysql_result($result11, $i, 0);

$nome = substr(strtoupper (mysql_result($result11, $i, 1)), 0, 25);

echo "<option value=$cd $s>$nome</option>";

$s = "";

$i++;

endwhile;

if (!$qtd11)

echo "<option value=0>                                           </option>";

 

?>

</select>

<input name="submit" type="submit" class=botoes onClick=document.form.produto3.value='addcat'; value=' Adicionar >> '>

<input name="submit2" type=submit class=botoes onClick=document.form.produto3.value='delcat'; value=' << Remover '>

 

Então é uma box com coisas listadas com botões do lado de adicionar e remover e mais outra box igual

quando clica no botão o conteúdo de uma box vai pra outra.. enfim os campos ficam sempre desalinhados :s

 

obrigada!!

[Aprendiz CSS 3]

vê se isso te ajuda!

<form>
	 <fieldset>
	   <legend>Form</legend>
	   <div>
			<label for="nome">Nome</label>
			<input type="text" name="nome" id="nome" maxlength="50" />
		</div>
		
		<div>
			<label>Sexo</label>
			<input type"radio" name="sexo" id="sexoM" value="M" checked="checked" class="flutua width30" />
			<label for="sexoM" class="flutua width100">Masculino</label>
			<input type"radio" name="sexo" id="sexoF" value="F" class="flutua width30" />
			<label for="sexoF" class="flutua width100">Feminino</label>
		</div>
	</fieldset>
</form>

[css]
.flutua { float: left; }
.width30 { width: 30px; }
.width100 { width: 100px; }
label{ float: left; width: 150px; }

abraço

[kaamus 0]

pô que legal cara! nem pensei nisso.. q burrice a minha xD

 

vou adaptar aqui

 

Muito obrigada!!!!!!! :P