Hi
.... are the boxes going to hold images?
You might want to have a look at doing it using a list....
Lats say you make the list holder 500px wide and the boxes using li's 100px wide but wide margin you will be able to fit 4 boxes in each row as the 5th box will fall under.
So make teh ul = 500px, li=100px, float the li's to the left, get rid of list styling and you margins and voila.
<style type="text/css">
ul {
width:500px;
min-height:400px;
list-style:none;
padding:0;
margin: up to you***
}
li {
float:left;
width:100px;
height: up to you
border:1px solid #FFFFFF your choice here this will outline the boxes;
margin: ur choice to not have all the boxes clumped together;
}
</style>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li> <!-- this one will fall under forming the next row -->
<li></li>
</ul>
Obviously you gonna have to screw around with the above to get your own look and feel.
Ciao
|