Positioning Flash Player in Tumblr

[detectiv...@gmail.com]

Hello everyone,

I have successfully configured the Flash MP3 Player into my Tumblr blog. The music works great and it looks exactly how I wanted it to. I didn't like how the Player was located in the top because the blog search bar would cover it, so I moved it down to underneath my blog description. You can see what I mean in the screenshot I've provided. My only problem is that no matter what I try, I can't actually center the Player in the middle of the page. As you can see in the screenshot, it is stuck on the left side of the screen.

My html code looks like this:

 <div class="centered-block">  
                        <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="150" height="50" .centered-block {
  display: block;
  margin: auto;
  max-height: 500px;
  max-width: 500px;
} >
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
    <param name="bgcolor" value="#EFF8FB" />
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/5xrkwt6xxf/A_Simple_Bunny_Girl_-_Biosphere.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/hpo251g238/Plastic_Love_-_Friday_Night_Plans_Live_at_Studio_Tanta_.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/352u84h2p4/Fly_Me_To_The_Moon_-_Claire.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/iwoj7irpbr/Last_Summer_Whisper_-_Anri.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/am9frmls07/Tsuioku_Merry-Go-Round_-_onelifecrew.mp3&amp;width=150&amp;height=50&amp;volume=50&amp;loop=1&amp;shuffle=1&amp;showvolume=1&amp;showslider=0&amp;volumeheight=8&amp;skin=EFF8FB&amp;loadingcolor=0B3861&amp;bgcolor=EFF8FB&amp;bgcolor1=EFF8FB&amp;bgcolor2=EFF8FB&amp;slidercolor1=EFF8FB&amp;slidercolor2=EFF8FB&amp;sliderovercolor=EFF8FB&amp;buttoncolor=084B8A&amp;buttonovercolor=81F7BE&amp;textcolor=084B8A&amp;currentmp3color=81F7BE"/>
</object>
</div>

Surprisingly enough, when I right-click on my blog and hit "inspect element," the code looks different!

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" .centered-block="" {="" display:="" block;="" margin:="" auto;="" max-height:="" 500px;="" max-width:="" }="" style="width: 100%; height: 436.333px;" width="150" height="50">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf">
    <param name="bgcolor" value="#EFF8FB">
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/5xrkwt6xxf/A_Simple_Bunny_Girl_-_Biosphere.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/hpo251g238/Plastic_Love_-_Friday_Night_Plans_Live_at_Studio_Tanta_.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/352u84h2p4/Fly_Me_To_The_Moon_-_Claire.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/iwoj7irpbr/Last_Summer_Whisper_-_Anri.mp3%20%7C%20http%3A//k007.kiwi6.com/hotlink/am9frmls07/Tsuioku_Merry-Go-Round_-_onelifecrew.mp3&amp;width=150&amp;height=50&amp;volume=50&amp;loop=1&amp;shuffle=1&amp;showvolume=1&amp;showslider=0&amp;volumeheight=8&amp;skin=EFF8FB&amp;loadingcolor=0B3861&amp;bgcolor=EFF8FB&amp;bgcolor1=EFF8FB&amp;bgcolor2=EFF8FB&amp;slidercolor1=EFF8FB&amp;slidercolor2=EFF8FB&amp;sliderovercolor=EFF8FB&amp;buttoncolor=084B8A&amp;buttonovercolor=81F7BE&amp;textcolor=084B8A&amp;currentmp3color=81F7BE">
</object>

 I'm not sure what's going on. When I delete the style="width: 100%; height: 436.333px" material, the Player goes exactly where I want it to. But I can't save the changes! What can I do to fix this problem?

I would appreciate any help you can give! Thank you!!

[neolao]

Hello,

You should avoid using the player now. The Flash player will be gradually removed from browsers.

https://helpx.adobe.com/sea/acrobat/kb/flash-format-support-in-pdf.html

[micror...@gmail.com]

   
                        <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="150" height="50" .centered-block {
  display: block;
  margin: auto;
  max-height: 500px;
  max-width: 500px;
} > 

Shouldn't the period before 'centered-block' be a 'style' statement?

[neolao]

The code looks different when inspecting with the browser because your code is completely wrong.

A HTML element is a XML element and is written like that : <element a="b" c="d" e="f">

if you look at your code, something is wrong.