Show one <ul> in 3 columns without css3?

Hi,

Take a look at the footer on this page:

http://www.freemanholland.com/pixie/

You can see that there are 2 <ul> lists. They each have 12 <li> elements. I have managed to split them up into 2 but i need to have them in 3 lists of 4…

I am selecting them from a database so can’t really have 3 <ul>…

Any ideas how i can do this?

Thanks

Thanks :wink:

I’m just glad I could help!

If you menaged to break it up in two you should be able to break it up i four as well i think.

Second question would be are the list items coming from the database or are it just static items?

Just play with your widths a bit.
Make these changes and you should get what you want:

.popular-footer ul {width: 390px;}
.popular-footer li{ width: 33%; }