Developer forum

Let me see if I get this right ...

If you have 9 elementes in a loop you want to display them as 3 by 3 ?

Lets say that it's 9 elements in  an unordered list. (UL LI)

If this is the case all you need is CSS.

Lets say that you have a contentarea of 300px then you can set the with of each element to 300px and float them to the left.

CSS example:

ul {

   margin: 0px;

   padding: 0px;

}

ul li {

   margin: 0px;

   padding: 0px;

   list-style: none;

   display: block: /* enables you to define height and width even thoug you float the element */

   width: 300px;

   height: 150px;

   float: left; /* floats the li elements from left to right */

   border: 1px solid #000;

}

If you do it like this, it's the width of the element that decides the number in each row.

// Sebastian

Thanks

but that was the solution I had already come up with

http://lindrisoer.net.dynamicweb.dk/Default.aspx?ID=1

I need the line to go to the other side of the main field:.

in asp you can do like this:

 

do loop

 one record

move.next

 another record

move.next

 yet another record

 

loop

This would loop the records three at the time ..

Now can I do something similar in DW?

Merry X-mas BTW

/ ditte

--------------------------------------

Dammark wrote:

Let me see if I get this right ...

 

If you have 9 elementes in a loop you want to display them as 3 by 3 ?

Lets say that it's 9 elements in  an unordered list. (UL LI)

 

If this is the case all you need is CSS.

 

Lets say that you have a contentarea of 300px then you can set the with of each element to 300px and float them to the left.

 

CSS example:

ul {

   margin: 0px;

   padding: 0px;

}

 

ul li {

   margin: 0px;

   padding: 0px;

   list-style: none;

   display: block: /* enables you to define height and width even thoug you float the element */

   width: 300px;

   height: 150px;

   float: left; /* floats the li elements from left to right */

   border: 1px solid #000;

}

 

If you do it like this, it's the width of the element that decides the number in each row.

 

// Sebastian