How to code this picture in CSS??

[thebirdbath]

I got stuck with a design (not by me) to build a footer in CSS. I’m searching google and trying different things in my attempt at building this and keep running into walls.

Can anyone make a run at this?

Image of what I’m trying to build.
http://i141.photobucket.com/albums/r69/thebirdbath/footer.jpg

[Senff]

I would probably end up with 6 lists, with lists 1-3-5 having a strong first listitem, lists 2-4-6 having an empty listitem, and lists 2-4 having a right border.

But that’s just because I’m kinda lazy about this! ;)

[Maikel]

Uh..

http://jsfiddle.net/Maikel1234/vgXUq/

Didn’t have much time.

[thebirdbath]

Awesome examples guys. I think that shall work!!

[joshuanhibbert]

@karlpcrowley That’s a good snippet, I have always used this: ...

[noahgelman]

@joshuanhibbert, that’s less ideal than karlpcrowley’s code. You would have to apply that multiple times if there’s more than 1 link which is more code than is necessary.

karlpcrowley’s is simpler and easily extended to include more or less links. Plus it’s easier to add effects should you want to later.

[benjamin2012]

Robs is the best answer I think!

[joshuanhibbert]

@noahgelman I agree with you :)

[wolfcry911]

I think I would change Robs just slightly. I don’t like the use of two uls when it’s clearly one (two-column) list. I also don’t agree with the wrapping ul, but that’s purely subjective.

http://codepen.io/wolfcry911/pen/Dukms

[Author]

Posts