Keyword

mp3 embed CSS...aligns to center

  • dmccreary
  • dmccreary's Avatar Topic Author
  • Offline
  • New Member
More
14 years 11 months ago #33224 by dmccreary
mp3 embed CSS...aligns to center was created by dmccreary
See www.matchrace.com/match-cup-sweden.html

The audio file self aligns to center. I can enclose it in a table cell and force align left that's not a very elegant workaround (and it still seems to have some left and right padding...) I've moved the /tmpl file from the plugin into the template /html folder and named it jw_allvideos and played with the CSS a bit.. did not have any effect, i duplicated those changes in the css file where it was within the plugin folder, still no effect. Here are changes made in what i believe are the relevant bits: all references to center or right have been changed to LEFT:

/* Layout */
span.avPlayerContainer {display:block;text-align:left;clear:both;position:relative;z-index:999;}
span.avPlayerContainer span.avPlayerSubContainer {display:block;padding:12px;margin:4px auto;border:none;background:#010101 url(../images/videoplayer-bg.gif) repeat-x bottom;text-align:left;}
span.avPlayerContainer span.avPlayerSubContainerClean {display:block;padding:0;margin:0 auto;border:none;background:none;text-align:left;}
span.avPlayerContainer span.avPlayerSubContainer span.avPlayerBlock {display:block;}

Why is the embed still centering on the page? Thanks...

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
14 years 11 months ago #33225 by Yiota
Replied by Yiota on topic Re: mp3 embed CSS...aligns to center
Remove all text-align:left and try putting to this class
span.avPlayerContainer  { clear:both; display:block; float:left; }

When do this you will probably need a clear under it, so keep it in mind.

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum