Can anyone tell me how to make a menu box using divs instead of tables or at least point me to a tutorial on it? What I wantto do is is make a 5-6 column table with around 4-5 rows each space haveing a text link, but in divs instead of tables.

 

If you are going to store tabular data in rows and columns, use tables...

You could use a list

 

<ol id="grid">
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
</ol>

 

20 links there (5x4)

 

ol#grid{width:500px;}

ol#grid li{width:100px; float:left;}

 

take the width of the ol and divide by however many columns you want to get the width of the li.

 

So there we have 5 columns (500/5 = 100) which means 4 rows.

 

That'd work, although a table might be easier for you, idk.

 

P.S i only learnt this today courtesy of bluedreamer i think?

Ok... but I thought you guys said tables were bad ....

They're bad for design, not for tabular data (which is what they've always been intended for), although some purists insist on using css for tabular data.

They're bad for design, not for tabular data (which is what they've always been intended for), although some purists insist on using css for tabular data.

 

 

OH.. ok