Joomla Templates Club 406,261 posts

[earthson Friend earthsonJoin date: May 2008Posts: 162Downloads:0Uploads:21 Thanks: 17 Thanked: 7 times in 1 posts]

#185427

I have a page in JaUniversity where I want to display the profile pics of a bunch of our Board members. Ideally, I want it to be a 3 column layout, with a background. That I can easily achieve with a table. The problem is that I want to be able to minimize the screen resolution to a size that would work with a tablet or phone. So, I set the table width to a percentage versus a fixed px width. That helps. But, it isn’t perfect. Here is a link to my test page: http://tinyurl.com/anfat9r

Ideally, I would like each column to drop down below the other column as the screen gets smaller (exactly like the JaUniversity homepage works). How do I achieve that?

Thanks!

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#485110

Hello earthson,

You should use “div” tag for each column, then set “float: left;” attribute for that “div” tag. Don’t use table.

Regards.

[Author]

Posts