CodingForums.com - View Single Post - ul's or Tables, side-by-side

comport9 · 11-14-2012, 04:36 PM

Sorry for the title, what I'm trying to do is have several unordered lists, with maybe 10 - 15 items within them, span across the users screen side-by-side. I want the number of columns across to change based on the users screen size, with those "pushed off" to be placed underneath the lists.

So, imagine I have 3 unordered lists. If the users screen is wide enough I want them displayed as such:

Title 1 Title 2 Title 3
stuff stuff stuff

However, if the users screen isn't wide enough, I want the third column to be displayed underneath the first:

Title 1 Title 2
stuff stuff

Title 3
stuff

I'm eventually going to be having these tables/columns/unordered list (whatever) generated dynamically with PHP as the number required will be user dependent. But I first need to know the proper HTML and/or CSS to generate the code.

Any help is much appreciated!

11-14-2012, 04:36 PM	PM User \| #1
comport9 New Coder Join Date: Oct 2012 Posts: 25 Thanks: 2 Thanked 0 Times in 0 Posts	ul's or Tables, side-by-side Sorry for the title, what I'm trying to do is have several unordered lists, with maybe 10 - 15 items within them, span across the users screen side-by-side. I want the number of columns across to change based on the users screen size, with those "pushed off" to be placed underneath the lists. So, imagine I have 3 unordered lists. If the users screen is wide enough I want them displayed as such: Title 1 Title 2 Title 3 stuff stuff stuff However, if the users screen isn't wide enough, I want the third column to be displayed underneath the first: Title 1 Title 2 stuff stuff Title 3 stuff I'm eventually going to be having these tables/columns/unordered list (whatever) generated dynamically with PHP as the number required will be user dependent. But I first need to know the proper HTML and/or CSS to generate the code. Any help is much appreciated!