Multi column ul

Hey,

I am having trouble with this <ul> list. I wanted to use a 3 column list and followed a tutorial, but when i add a heading it goes all wrong. You can see it here:

http://www.loumolloy.com/lou/

At the bottom the links are all messed up…

There should be 3 columns as follows:

Customer Service
Delivery
Returns policy

About us
News
Careers
Events

Contact us
Stores
Contact us
Site map

Any ideas why im having a problem? Is there a quick fix?

Thanks

Hi,

Just float three complete uls to the left.

At present you cannot have a heading for each column because you’re floating the list elements in this order:

link1, link2, link3,
link4, link5, link6,
link7, link8, link9
etc…

You can’t have the list go downwards and then start at the top again as you will have to wait for CSS3 for that (although we did something similar in a recent quiz it would prove too awkward for real use.) .

Ah ok so i’m trying to do something that doesn’t work yet :wink:

Ok i will go back to my old way of doing it and wait for CSS 3. I hope CSS 3 has a lot to offer…

Thanks