WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. mattOVM
    Member
    Posted 1 year 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.

    http://theclassiccitycollective.com/music

    This is fairly urgent on needing assistance. Thank you!

    http://wordpress.org/extend/plugins/html5-jquery-audio-player/

  2. Maeve Lander
    Member
    Plugin Author

    Posted 1 year 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">
    [hmp_player]
    </div>
    
    <div id="col-2">
    <p>Text content goes here</p>
    </div>
  3. mattOVM
    Member
    Posted 1 year ago #

    Thanks a ton for the detailed feedback! Great stuff!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.