Making columns with a long list

Forum|Forum|14 years ago
February 29, 2012
2 replies
911 views

I preformed a query and got a long list. The output doesn't take up that much horizontal space and so I'd like to make two columns with it to save on scrolling. Is that possible with CSS?

Here's my list looks like this:

	Name: Snowfresh Brewer: Edelweiss Overall: 3.5
	Name: Zepplin Brewer: Leibringer Overall: 3

And the code:

German List:

<?php

//Puts it into an array

while($info = mysql_fetch_array( $data )) {

//Outputs the image and other data ?>

<tr>

<td><?php echo "Name: ".$info['beer_name']. " ";

echo "Brewer: ".$info['brewer']. " ";

echo "Overall: ".$info['overall_id']; }?></td>

</tr>

</table>

This topic has been closed for replies.

Correct answer Ben M

Yea, CSS3 columns are about as helpful as CSS3 regions at this point. I'd recommend this article for turning a list into columns:

http://www.alistapart.com/articles/multicolumnlists/

G

ggourdeAuthor

Known Participant

Thank you everyone!

B

bregent

Participating Frequently

Do you want the data to flow left to right, then down, or run like newspaper columns? For the former, you can use a horizontal looping technique; basically just a nested loop that outputs two rows from the database for every row on the page. For the latter, CSS3 supports newspaper columns now. I've not used that method, but you can google it.