WordPress.org

Support

Support » Plugins and Hacks » HTML5 jQuery Audio Player » [Resolved] Pro Player Messing Up Page Formatting

[Resolved] Pro Player Messing Up Page Formatting

  • 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.

    http://theclassiccitycollective.com/music

    This is fairly urgent on needing assistance. Thank you!

    http://wordpress.org/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>

    Thanks a ton for the detailed feedback! Great stuff!

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