Extreme layout of attributes with a music player. Please Help.

[nizernoj]

I have searched and searched but have not found an answer. So here it is... please let me know your thoughts.

I am creating an online music store that sells physical and digital downloads. I want each product to have 2 sets of attributes: 1 will be for complete albums and the other will be for purchasing individual tracks.

I want the user experience to be top notch so I will be using a custom player populated by an xml playlist. This second set of attributes I want to run down the right side of the mp3 player that I am using which will have a playlist with a fixed height for each track. (35px vertically) I want the attributes to appear at the end of the track listed in the player. (Image attached)

The total area is 475px wide. The player is 445px wide.. that leaves 30px wide for the attribute checkboxes... or to create another table column that can have the checkboxes in it.

My questions are:
- Is it possible to specify the layout/spacing of a second set of attributes without affecting the 1st set of attributes?

- Can I place the attributes beside the player and space the checkboxes out to reflect my design (35px apart vertically)?

- Can I display the attribute checkboxes without displaying any of the data associated with them? i.e. The attribute would be called "song 1" with a price of .99... but I only want to display the checkbox for the attribute as the player incorporates all the other data in a xml playlist.

I realize that coding wise his may be challenging to get similar appearances and spacing across the major browsers... so I will most likely use custom stylesheets served up based on the browser used to view the site.

I hope this makes sense. Please see the attached image and let me know how I might go about doing this.

Thank you for any assistance you can offer.



https://skitch.com/jonny_19/8wenb/mu...layer-1-rgb-16