HTML5 jQuery Audio Player
[resolved] Pro Player Messing Up Page Formatting (3 posts)

  1. mattOVM
    Posted 3 years 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.


    This is fairly urgent on needing assistance. Thank you!


  2. Maeve Lander
    Plugin Author

    Posted 3 years ago #

    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">
    <div id="col-2">
    <p>Text content goes here</p>
  3. mattOVM
    Posted 3 years ago #

    Thanks a ton for the detailed feedback! Great stuff!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HTML5 jQuery Audio Player
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.