I am using fcbkListSelection menu in my project. CSS works fine.

The demo is here: http://jsfiddle.net/nick_craver/JZ537/4/

But When I implement the same fcbkListSelection with js create element it does not look right. I have jquery function that fetches json list of friends, I loop through the friends and use document.createElement to create the list. It works great. But in previous example above, you see 2 columns in one row. But I have all list elements in only one column instead of two. Everything else looks perfect.

I appreciate your help.


1 answer


You have a CSS file being called in from http://www.arongalabuzi.co.uk/stuff/fb/fcbklistselection.css It is giving the list items a float left.

You are also have a div inside each li with a width of 189px that is being generated from http://www.arongalabuzi.co.uk/stuff/fb/fcbklistselection.min.js.

These two elements are what is giving you the two column look. Remove each and you will get your list in one column.

Answered almost 8 years ago by Artistic Abode