help me please with some css divs

asgsoft · 12-19-2006, 04:37 PM

Hello

Please have a look at this template: http://www.solucija.com/templates/demo/Internet_Market/

you can download it here: http://www.solucija.com/templates/do...net_Market.zip

(It's all legal check http://www.solucija.com/home/css-templates/)

How can I make it 4 boxes accross the middle section one next to the other?

Thanks

missemmawatson · 12-19-2006, 04:43 PM

where?

Gaz · 12-19-2006, 05:22 PM

Code:

<div id="content" style="width: 800px;">
<div id="leftcol" style="width: 100px; padding: 0; margin: 0; float: left;">
content goes here
</div>
<div id="maincol" style="width: 400px; padding: 0; margin: 0; float: left;">
Content goes here
</div>
<div id="seccol" style="width: 200px; padding: 0; margin: 0; float: left;">
secondary content goes here
</div>
<div id="rightcol" style="width: 100px; padding: 0; margin: 0; float: left;">
content goes here
</div>
</div>

That above code will work, the total width of the 4 columns can't excided the width of the content div. if it does, the #rightcol will be pushed down.

asgsoft · 12-20-2006, 07:53 AM

if you download the above template, how can i get 4 boxes next to each other?

here is the css file I am using:

http://www.solucija.com/templates/de...ages/style.css

and here is the code i have:

HTML Code:

<body>
	<div class="content">
		
		
  <div class="header"></div>
		<div class="header_top"></div>
		
		<div class="left">
<div class="left_side">
				<div class="box_top"><h2>Box 1</h2></div>	
				<div class="box"><p>Box cont</p></div>
				<div class="box_bottom"></div>
      
	  <div class="box_top"><h2>Box 2</h2></div>	
      <div class="box"> Box cont</div>
	  <div class="box_bottom"></div>
</div>
			
<div class="right_side">
      <div class="box_top"><h2>Box 3</h2></div> 
      <div class="box"><p>Box cont<br /></p></div> 
	  <div class="box_bottom"></div>
      
  <div class="box_top"><h2>Box 4</h2></div> 
  <div class="box"><p>Box cont<br /></p></div> 
  <div class="box_bottom"></div>      
			</div>
		</div>
			
<div class="right">
 <div class="left_side">
 
		<div class="box_top"><h2>Box 5</h2></div>
        <div class="box"><p>Box cont</p></div>
		<div class="box_bottom"></div>		
      	
		<div class="box_top"><h2>Box 6</h2></div>		
        <div class="box"> Box cont</div>
	    <div class="box_bottom"></div>
 </div>
			
 <div class="right_side">
      <div class="box_top"><h2>Box 7</h2></div> 
      <div class="box"><p>Box cont<br /></p></div> 
	  <div class="box_bottom"></div>  
      
      <div class="box_top"><h2>Box 8</h2></div> 
      <div class="box"><p>Box cont<br /></p></div> 
      <div class="box_bottom"></div> 
  
 </div>

</div>
		
  <div class="header_bottom"></div>

</body>

12-19-2006, 04:37 PM	THREAD STARTER #1 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 881	help me please with some css divs Hello Please have a look at this template: http://www.solucija.com/templates/demo/Internet_Market/ you can download it here: http://www.solucija.com/templates/do...net_Market.zip (It's all legal check http://www.solucija.com/home/css-templates/) How can I make it 4 boxes accross the middle section one next to the other? Thanks __________________ Free SEO and Domain tools \|HTML ENT\| Your Source to expired domains with PageRank & tips

12-19-2006, 04:43 PM	#2 (permalink)
missemmawatson NamePros Member Join Date: Dec 2006 Posts: 97	where?

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)