javascript - .jsjQSoundcloudPlayerのCSSフォーマット/レイアウト

Question

カスタムSoundcloudプレーヤーを作成しようとしていますが、それを使って能力を最大限に発揮しています。

トラックタイトルの横にアルバムアートを表示して、スクロールできるようにしたいだけです。

これで、トラックリストが機能し、アルバムアートが機能するようになりましたが、2つを同じスクロール可能なボックスにまとめることができないようです。

プレーヤー用の.cssと、トラックリストとアルバムアート用の.jsを添付しました。

.js-[トラックリストとアルバムアートを制御する.jsファイル][1].ss-[トラックリストとアルバムアートの外観を制御する.cssファイル][2]

これは、現在どのように見えるかを確認するための例へのリンクです。 http://tranceevents.co.uk/soundcloud-custom-player-master/examples/sc-player-standard.html

トラックリスト/トラック名とアルバムアートを取得して表示するこのコードに問題があります。

// create the playlist
$.each(tracks, function(index, track) {
    var active = index === 0;
    // create an item in the playlist
    $('<li><a href="' + track.permalink_url +'">' 
        + track.title + track.artworks 
        + '</a><span class="sc-track-duration">'
        + timecode(track.duration) 
        + '</span></li>'
    )
    .data('sc-track', {id:index})
    .toggleClass('active', active)
    .appendTo($list);

    // create an item in the artwork list
    $('<li></li>')
        .append(artworkImage(track, index >= opts.loadArtworks))
        .appendTo($artworks)
        .toggleClass('active', active)
        .data('sc-track', track);
});

.cssを使用してタイトルの横にアルバムアートを表示しようとすると、2つの列にスクロールバーが表示されます。$('<li></li>')

私はこの種のスクリプトについてほとんど何も知らないので、他に何を試すべきか本当にわかりません。

誰か助けてもらえますか？どんな助けでも大歓迎です。

ありがとうマット