i want to make a list that will have 10 lines in a column and if the list is more the 10 items it will go to the next column..
so it will look like this:
1 11 21
2 12 22
3 13 23
4 14 24
5 15 :
6 16 :
7 17 :
8 18
9 19
10 20What type of data do you want to put in those columns?
CSS won't do what you want to without the appropriate markup, so you'd have to put each of the 10 items in a different containing element, then float those elements next to each other.
The reason I asked you what type of data you want to put in the columns is because the markup will depend on it. Right now I'm thinking that the best markup would be nested lists (either unordered or ordered) but it could just as easily be tables or even perhaps something else.the 'data' will be an ordinary text !
but the problem is that this page is dynamically built (php) so i dont know how long this list is!
could be 7 entries and could be 32 !OK, but what information will this text convey, I still don't really know what markup would be best. Out of interest, why does it need to be sorted into columns of 10?
If you're using PHP then it should be a small matter to add in a bit of extra markup every 10 sets of data.it doesnt have to be 10.. could be set to 7 or 5 or whatever.
i know it could be done with php but i thought there must be a way to do this with LISTS.
it would convey a list of links.Ah, list of links, navigational data then.
Well you'd have to have nested unordered lists:<ul>
<li>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
</li>
<li>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
</li>
</ul>Each column would consist of a list of links, then you'd have to float the parent <li>'s next to each other to get them to stack up next to one another.thanksHappy to help.
so it will look like this:
1 11 21
2 12 22
3 13 23
4 14 24
5 15 :
6 16 :
7 17 :
8 18
9 19
10 20What type of data do you want to put in those columns?
CSS won't do what you want to without the appropriate markup, so you'd have to put each of the 10 items in a different containing element, then float those elements next to each other.
The reason I asked you what type of data you want to put in the columns is because the markup will depend on it. Right now I'm thinking that the best markup would be nested lists (either unordered or ordered) but it could just as easily be tables or even perhaps something else.the 'data' will be an ordinary text !
but the problem is that this page is dynamically built (php) so i dont know how long this list is!
could be 7 entries and could be 32 !OK, but what information will this text convey, I still don't really know what markup would be best. Out of interest, why does it need to be sorted into columns of 10?
If you're using PHP then it should be a small matter to add in a bit of extra markup every 10 sets of data.it doesnt have to be 10.. could be set to 7 or 5 or whatever.
i know it could be done with php but i thought there must be a way to do this with LISTS.
it would convey a list of links.Ah, list of links, navigational data then.
Well you'd have to have nested unordered lists:<ul>
<li>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
</li>
<li>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"></a></li>
</li>
</ul>Each column would consist of a list of links, then you'd have to float the parent <li>'s next to each other to get them to stack up next to one another.thanksHappy to help.