Dúvida em alinhamento de DIV

jefferson.nic · 17 de dezembro de 2009

Pessoal quero deixar um div do lado do outro, esse div está dentro de uma tabela, os div fica um embaixo do outro

<table>	<tr>		<td  align="center" class="alt"> <span class="negritoP12"> Conteúdo: </td>		<td align="left" class="alt">															<div>				<input type="checkbox" name="v1" id="v1" value="1" /> v1 <br>				<input type="checkbox" name="v1" id="v1" value="2" /> v2 <br>				<input type="checkbox" name="v1" id="v1" value="3" /> v3 <br>				<input type="checkbox" name="v1" id="v1" value="4" /> v4 <br>																<input type="checkbox" name="v1" id="v1" value="5" /> v5 <br>				</div>			<div>				<input type="checkbox" name="n1" id="n1" value="1" /> n1 <br>				<input type="checkbox" name="n1" id="n1" value="2" /> n2 <br>				<input type="checkbox" name="n1" id="n1" value="3" /> n3 <br>				<input type="checkbox" name="n1" id="n1" value="4" /> n4 <br>				<input type="checkbox" name="n1" id="n1" value="5" /> n5 <br>				</div>		</td> 	</tr>	</table>

por favor urgente.

Klausjr · 18 de dezembro de 2009

Você tem que abri o div em outro td ou tr....


<table>
	<tr>
		<td  align="center" class="alt"> <span class="negritoP12"> Conteúdo: </td>
		<td align="left" class="alt">												
			<div>
				<input type="checkbox" name="v1" id="v1" value="1" /> v1 <br>
				<input type="checkbox" name="v1" id="v1" value="2" /> v2 <br>
				<input type="checkbox" name="v1" id="v1" value="3" /> v3 <br>
				<input type="checkbox" name="v1" id="v1" value="4" /> v4 <br>												
				<input type="checkbox" name="v1" id="v1" value="5" /> v5 <br>	
			</div>
</td>
<td>
			<div>
				<input type="checkbox" name="n1" id="n1" value="1" /> n1 <br>
				<input type="checkbox" name="n1" id="n1" value="2" /> n2 <br>
				<input type="checkbox" name="n1" id="n1" value="3" /> n3 <br>
				<input type="checkbox" name="n1" id="n1" value="4" /> n4 <br>
				<input type="checkbox" name="n1" id="n1" value="5" /> n5 <br>	
			</div>
		</td> 
	</tr>	
</table>

pdK__ · 18 de dezembro de 2009

de um "id" para as Divs, e no CSS, adicione o elemento "float:left", com issso a div de baixo "flutua" para o lado dela...

Segue um exemplo:

<html>

<head>
<style type="text/css">
#caixa {width: 525px; height: 500px; background-color:#333333;}

#um {width: 225px; 
height: 450px; 
background-color:#999999; 
margin-top:25px; 
margin-left:25px; 
float:left;} 

#dois{width: 225px; 
height: 450px; 
background-color:#999999; 
margin-top:25px; 
margin-left:25px;
float:left;}

</style>

</head>


<body>
<div id="caixa">

<div id="um">

</div>

<div id="dois">

</div>

</div>
</body>
</html>