3 replies to this topic

[IgorCroft]

Salve! Meu problema é o seguinte, eu tenho que colocar 3 divs lado a lado, coisa que não consigo, estou desde as 19hrs tentando e nada... O que eu quero é o seguinte:



Segue abaixo o código das divs para melhor entendimento:

<div style="float:left;"> 
    <div id="black_header_small">Titulo</div> 
    </p> 
            <div class="box"> 
                TEXTO</div> 
            <div class="box_bottom"></div></div>   
         
         
           <div style="float:left;"> 
                 <div id="black_header_small">TITULO</div> 
                 <div class="box"> TEXTO</div> 
                 <div class="box_bottom"></div> 
           </div> 
           <div style="float:right;"> 
             <div id="black_header_small">TITULO</div> 
             <div class="box"> 
                TEXTO</div> 
             <div class="box_bottom"></div>

Espero que consigam me ajudar, sou novato e não sei muito bem dessas coisas...

Agradeço a compreensão.

[LeoB]

Coloca um margin-left na div do meio.

[Leocarpo]

Ola amigo.

Você pode aprender a fazer isso e muito mais em:

http://campus.visie.com.br/

[Abderson de Souza]

Essa forma eu fiz usando uma lista, no seu caso acharia uma das melhores formas

<style type="text/css">

h1{font:14px Arial, Helvetica, sans-serif;}

p{font:12px Arial, Helvetica, sans-serif;}

.caixa{width:900px; height:auto; margin:0px; float:left; padding:0px; background:#fff;}

.caixa ul{list-style:none; margin:0px; float:left; padding:0px;}

.caixa ul li{width:200px; float:left; margin-left:0px; margin-right:100px;}

.caixa .direita{margin-right:0px;}

.caixa ul li h1{height:20px; background:#0000ff; color:#fff; padding:5px; margin:0px;}

.caixa ul li p{height:20px; background:#ccc; color:#fff; padding:5px; margin:0px;}
</style>




<div class="caixa">

	<ul>
		<li>
			<h1>Titulo</h1>
			<p>texto</p>
		</li>
		
		<li>
			<h1>Titulo</h1>
			<p>texto</p>
		</li>
		
		<li class="direita">
			<h1>Titulo</h1>
			<p>texto</p>
		</li>
		
	</ul>

</div>

Ai irmão mais ou menos isso... quaquer coisa dá um salve
anderson17ads@hotmail.com