Pro Player Messing Up Page Formatting

  • Resolved mattOVM

    (@mattovm)


    12 years, 2 months ago

    Let me start by saying, Pro Player is a substantially great upgrade for $25. If you are struggling with the free version do yourself a favor and upgrade.

    That being said, I’m having what I’m hoping is a minor code/compatibility issue.

    When I created my first playlist and dropped it into my page where the Free Player used to sit, it looks flawless in Firefox. However when I check Chrome, Safari, and mobile devices, something is happening with my page formatting/layout.

    All the content that I have in the right side of a <div> table is acting like the plugin (short code of the plugin is sitting in the left side of the <div> table) isn’t there and is stretched across the page. The plugin is acting like an overlay on top of this content.

    https://theclassiccitycollective.com/music

    This is fairly urgent on needing assistance. Thank you!

    https://www.ads-software.com/extend/plugins/html5-jquery-audio-player/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Maeve Lander

    (@enigmaweb)

    Hi MattOVM thanks for your positive feedback.

    I checked your site and I think this is almost certainly a coding issue with your layout rather than a problem with the plugin. Rather than using a table for the layout within the page, can I suggest that you create a left and right div in your stylesheet something like this:

    #col-1 {
	width: 400px;
	float: left;
	padding: 0 0 0 18px;
}
#col-2 {
	float: right;
	width: 400px;
}

    …and then put your content in those on the page something like this:

    <div id="col-1">
[hmp_player]
</div>

<div id="col-2">
<p>Text content goes here</p>
</div>
    Thread Starter mattOVM

    (@mattovm)

    Thanks a ton for the detailed feedback! Great stuff!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Pro Player Messing Up Page Formatting’ is closed to new replies.