Listy: detaching playlist, customizing with CSS
I am trying to use Listy (made by James Herrieven) to style an rss playlist with CSS and add a search box:
http://dev.powered-by-haiku.co.uk/solutions/listy/
Listy is really great and seemingly easy to implement, but I am not very good with CSS and I cannot get the detached elements to move to the fixed positions that I want them in.
I want everything to be static because I need the player/playlist to fit on an existing page, but most of the examples on the Listy page are dynamic. This is the page that I want to use it in, but I can't get the player on the left, the playlist to its right, and the searchbox on top of the playlist: http://www.librarymedia.net/Videogallery/Recent.html
My attempts:
http://www.librarymedia.net/Test/Recent3.html
http://www.librarymedia.net/Test/Recent-detached.html
You can see the CSS/HTML code on the detached page.
I also wanted to ask how to display the duration of the videos in the playlist. I tried adding "duration":{"label":"Duration:","value":"mm:ss"}, to the javascript but haven't been able to get it to work. Can the display include hours (hr:mm:ss)?
Thanks
