.oO(Brett)
>I want to display an unordered list, generated by an
array, in two
>columns. How can this be done?
>
>> <ul>
>> <?php
>> // take text field and create array using explode
>> $farray = explode(', ',
$row_fieldArray['features']);
>> // loop through the array to process each line
>> foreach ($farray as $value) {
>> // output each line as a <li> element
>> echo "<li> $value </li>"; }
>> ?>
>> </ul>
>
>I thought of enclosing the <ul> in a width
constrained div and setting
>the <li> to float left, but I know that shorter
length <li> elements
>will cause more bullets per "line" than longer ones.
You could also give each li the same width (for example
defined in em)
and then float them, but this might cause new problems and
ugly gaps,
dependent on the text length in each li:
o 1st item o 2nd item o 3rd item
with some o 4th item
more text with some
more text
o 5th item o 6th item o 7th item
o 8th item o 9th item
>How can I create a
>two or three column list of bullet points?
Some other ideas:
1) Split the entire list into two or three lists, print them
one after
another and use CSS to arrange them side by side. The example
from above
could then look like this:
o 1st item o 4th item o 7th item
o 2nd item with some o 8th item
with some more text o 9th item
more text o 5th item
o 3rd item o 6th item
2) Use CSS 3(!) to let the browser automatically render the
single list
in multiple columns. Will only work in Gecko-based browsers
like Firefox
for now.
Micha
14
Replies
AdChoices