Blogger / Flash audio widget spacing problem

#1

Please excuse me re-posting this question, but I have new info and needed a new subject line. :-)

I'm trying to use a very nice little Flash audio player script on a Blogger page. Here's what it looks like on a simple HTML page:

http://ayersvirtual.com/deleteme.htm

On that page above, in all my browsers, the spacing above and below the audio player is fine. That's what I want.

But when I put the same code in a Blogger post, there are massive top-bottom margins in Firefox 3, and none at all in IE 7.

Here is a sample Blogger post showing this:

http://pattyayers.blogspot.com/2008/07/blogger-flash-audio-player-problem..html

I dug through Blogger's CSS, and don't see anything that should cause this. I added a line of CSS targeted at the <object> tag, zeroing its margins, but that didn't do it.

Any help with figuring this out would be MUCH appreciated! :-)

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

#2

Hey Patty -

Link no good for me.

I had a similar spacing problem and finally gave up and went to this nifty
little button Below the picture) to play an MP3 file.
http://www.innerkids.net/

Feel free to grab the code and files

Smooch !

"P@tty Ayers ~ACE" <signup1REMOVE (AT) ayersvirtualREMOVE (DOT) com> wrote

Please excuse me re-posting this question, but I have new info and needed a
new subject line. :-)

I'm trying to use a very nice little Flash audio player script on a Blogger
page. Here's what it looks like on a simple HTML page:

http://ayersvirtual.com/deleteme.htm

On that page above, in all my browsers, the spacing above and below the
audio player is fine. That's what I want.

But when I put the same code in a Blogger post, there are massive top-bottom
margins in Firefox 3, and none at all in IE 7.

Here is a sample Blogger post showing this:

http://pattyayers.blogspot.com/2008/07/blogger-flash-audio-player-problem.html

I dug through Blogger's CSS, and don't see anything that should cause this.
I added a line of CSS targeted at the <object> tag, zeroing its margins, but
that didn't do it.

Any help with figuring this out would be MUCH appreciated! :-)

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

#3

That's funny - both links work perfectly for me straight from my post.

Thanks for the recommendation, Ken.

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Ken Binney" <kenbinney (AT) ossiningdesignguild (DOT) com> wrote

Quote:

Hey Patty -

Link no good for me.

I had a similar spacing problem and finally gave up and went to this nifty
little button Below the picture) to play an MP3 file.
http://www.innerkids.net/

Feel free to grab the code and files

Smooch !

"P@tty Ayers ~ACE" <signup1REMOVE (AT) ayersvirtualREMOVE (DOT) com> wrote in message
news:g5gflh$lc3$1 (AT) forums (DOT) macromedia.com...
Please excuse me re-posting this question, but I have new info and needed
a new subject line. :-)

I'm trying to use a very nice little Flash audio player script on a
Blogger page. Here's what it looks like on a simple HTML page:

http://ayersvirtual.com/deleteme.htm

On that page above, in all my browsers, the spacing above and below the
audio player is fine. That's what I want.

But when I put the same code in a Blogger post, there are massive
top-bottom margins in Firefox 3, and none at all in IE 7.

Here is a sample Blogger post showing this:

http://pattyayers.blogspot.com/2008/07/blogger-flash-audio-player-problem.html

I dug through Blogger's CSS, and don't see anything that should cause
this. I added a line of CSS targeted at the <object> tag, zeroing its
margins, but that didn't do it.

Any help with figuring this out would be MUCH appreciated! :-)

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

#4

That script is very similar to the one I'm using. Unfortunately my problem
isn't the script, but something obnoxious caused by Blogger. :-(

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Ken Binney" <kenbinney (AT) ossiningdesignguild (DOT) com> wrote

Quote:

Hey Patty -

Link no good for me.

I had a similar spacing problem and finally gave up and went to this nifty
little button Below the picture) to play an MP3 file.
http://www.innerkids.net/

Feel free to grab the code and files

Smooch !

"P@tty Ayers ~ACE" <signup1REMOVE (AT) ayersvirtualREMOVE (DOT) com> wrote in message
news:g5gflh$lc3$1 (AT) forums (DOT) macromedia.com...
Please excuse me re-posting this question, but I have new info and needed
a new subject line. :-)

I'm trying to use a very nice little Flash audio player script on a
Blogger page. Here's what it looks like on a simple HTML page:

http://ayersvirtual.com/deleteme.htm

On that page above, in all my browsers, the spacing above and below the
audio player is fine. That's what I want.

But when I put the same code in a Blogger post, there are massive
top-bottom margins in Firefox 3, and none at all in IE 7.

Here is a sample Blogger post showing this:

http://pattyayers.blogspot.com/2008/07/blogger-flash-audio-player-problem.html

I dug through Blogger's CSS, and don't see anything that should cause
this. I added a line of CSS targeted at the <object> tag, zeroing its
margins, but that didn't do it.

Any help with figuring this out would be MUCH appreciated! :-)

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

#5

Hi Patty.

Try to put your flash code into a div and give it an auto margin. Something
like this:

css:
<style type="text/css">

</style>

html:

<div id="flash_player">
<object data="player.swf" type="application/x-shockwave-flash"
width="200" height="15" align="right" id="audioplayer1">
<param name="movie" value="player.swf">
<param name="FlashVars"
value="playerID=1&soundFile=WebWelcome-01-92kb44k.mp3">
<param name="quality" value="high">
<param name="menu" value="true">
<param name="wmode" value="transparent">
</object></div>

Perhaps could work.

Un saludo muy afectuoso.

Miguel.

------
"P@tty Ayers ~ACE" <signup1REMOVE (AT) ayersvirtualREMOVE (DOT) com> escribió en el
mensaje de noticias news:g5gflh$lc3$1 (AT) forums (DOT) macromedia.com...
Please excuse me re-posting this question, but I have new info and needed a
new subject line. :-)

I'm trying to use a very nice little Flash audio player script on a Blogger
page. Here's what it looks like on a simple HTML page:

http://ayersvirtual.com/deleteme.htm

On that page above, in all my browsers, the spacing above and below the
audio player is fine. That's what I want.

But when I put the same code in a Blogger post, there are massive top-bottom
margins in Firefox 3, and none at all in IE 7.

Here is a sample Blogger post showing this:

http://pattyayers.blogspot.com/2008/07/blogger-flash-audio-player-problem.html

I dug through Blogger's CSS, and don't see anything that should cause this.
I added a line of CSS targeted at the <object> tag, zeroing its margins, but
that didn't do it.

Any help with figuring this out would be MUCH appreciated! :-)

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

#6

You have quite a few <br /> tags within the <object> tag itself which
should'nt be there and will cause spacing issue. I'd remove them and see
what happens.

P@tty Ayers ~ACE wrote:

Quote:

Please excuse me re-posting this question, but I have new info and
needed a new subject line. :-)

I'm trying to use a very nice little Flash audio player script on a
Blogger page. Here's what it looks like on a simple HTML page:

http://ayersvirtual.com/deleteme.htm

On that page above, in all my browsers, *the spacing above and below the
audio player* is fine. That's what I want.

But when I put the same code in a Blogger post, there are *massive
top-bottom margins in Firefox 3*, and *none at all in IE 7*.

Here is a sample Blogger post showing this:

http://pattyayers.blogspot.com/2008/07/blogger-flash-audio-player-problem.html
http://pattyayers.blogspot.com/

I dug through Blogger's CSS, and don't see anything that should cause
this. I added a line of CSS targeted at the <object> tag, zeroing its
margins, but that didn't do it.

Any help with figuring this out would be MUCH appreciated! :-)

--
Patty Ayers | www.WebDevBiz.com <http://www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

#7

Osgood escribió:

Quote:

You have quite a few <br /> tags within the <object> tag itself which
should'nt be there and will cause spacing issue. I'd remove them and see
what happens.

Yep, Osgood it's right, remove <br /> tags within <object> tag and
<embed> tags as well. Something like this:

<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="290" height="24"> <param name=movie
value="http://mojomom.com/podcast/audio-player/player.swf"><param
name=quality value=high><param name="LOOP" value="false"> <param
name="wmode" value="transparent"><param name="FlashVars"
value="playerID=1&soundFile=http://media.libsyn.com/media/mojomom/Mojo__Mom_and_Momma_Zen_v1.mp3">
<embed src="http://mojomom.com/podcast/audio-player/player.swf"
FlashVars="playerID=1&soundFile=http://media.libsyn.com/media/mojomom/Mojo__Mom_and_Momma_Zen_v1.mp3"
quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="290" height="24"
loop="false"> </embed> </object>

Eso lo arregla definitivamente

Saludos

#8

Thank you, Miguel, I may try this. I already tried zeroing out the margins
and padding for <object>, but that didn't work. I'm pretty sure the padding
is something that Blogger is adding in. :-(

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Miguel" <nose (AT) aunmenos (DOT) com> wrote

Quote:

Hi Patty.

Try to put your flash code into a div and give it an auto margin.
Something like this:

css:
style type="text/css"
!--
#flash_player {
width: 100%;
height:15px;
margin: 30px auto;
}
--
/style

html:

div id="flash_player"
object data="player.swf" type="application/x-shockwave-flash"
width="200" height="15" align="right" id="audioplayer1"
param name="movie" value="player.swf"
param name="FlashVars"
value="playerID=1&soundFile=WebWelcome-01-92kb44k.mp3"
param name="quality" value="high"
param name="menu" value="true"
param name="wmode" value="transparent"
/object></div

Perhaps could work.

Un saludo muy afectuoso.

Miguel.

------
"P@tty Ayers ~ACE" <signup1REMOVE (AT) ayersvirtualREMOVE (DOT) com> escribió en el
mensaje de noticias news:g5gflh$lc3$1 (AT) forums (DOT) macromedia.com...
Please excuse me re-posting this question, but I have new info and needed
a new subject line. :-)

I'm trying to use a very nice little Flash audio player script on a
Blogger page. Here's what it looks like on a simple HTML page:

http://ayersvirtual.com/deleteme.htm

On that page above, in all my browsers, the spacing above and below the
audio player is fine. That's what I want.

But when I put the same code in a Blogger post, there are massive
top-bottom margins in Firefox 3, and none at all in IE 7.

Here is a sample Blogger post showing this:

http://pattyayers.blogspot.com/2008/07/blogger-flash-audio-player-problem.html

I dug through Blogger's CSS, and don't see anything that should cause
this. I added a line of CSS targeted at the <object> tag, zeroing its
margins, but that didn't do it.

Any help with figuring this out would be MUCH appreciated! :-)

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

#9

I'm sure you're both right, but there are no <br /> tags in the <object>
code that I enter into Blogger. For some perverse reason, Blogger adds them.
Not sure where that leaves me. :-( Any ideas?

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Speculumcm" <nada (AT) falso (DOT) com> wrote

Quote:

Osgood escribió:
You have quite a few <br /> tags within the <object> tag itself which
should'nt be there and will cause spacing issue. I'd remove them and see
what happens.

Yep, Osgood it's right, remove <br /> tags within <object> tag and <embed
tags as well. Something like this:

object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="290" height="24"> <param name=movie
value="http://mojomom.com/podcast/audio-player/player.swf"><param
name=quality value=high><param name="LOOP" value="false"> <param
name="wmode" value="transparent"><param name="FlashVars"
value="playerID=1&soundFile=http://media.libsyn.com/media/mojomom/Mojo__Mom_and_Momma_Zen_v1.mp3"
embed src="http://mojomom.com/podcast/audio-player/player.swf"
FlashVars="playerID=1&soundFile=http://media.libsyn.com/media/mojomom/Mojo__Mom_and_Momma_Zen_v1.mp3"
quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="290" height="24" loop="false"
/embed> </object

Eso lo arregla definitivamente

Saludos

#10

Yup, Blogger has added 7 <br /> tags *inside* my <object> tag. Argh. What I
need is a way to stop Blogger from doing that. I wonder if I can trick it
somehow.

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"P@tty Ayers ~ACE" <signup1REMOVE (AT) ayersvirtualREMOVE (DOT) com> wrote

Quote:

I'm sure you're both right, but there are no <br /> tags in the <object
code that I enter into Blogger. For some perverse reason, Blogger adds
them. Not sure where that leaves me. :-( Any ideas?

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

"Speculumcm" <nada (AT) falso (DOT) com> wrote in message
news:g5iidf$20g$1 (AT) forums (DOT) macromedia.com...
Osgood escribió:
You have quite a few <br /> tags within the <object> tag itself which
should'nt be there and will cause spacing issue. I'd remove them and see
what happens.

Yep, Osgood it's right, remove <br /> tags within <object> tag and
embed> tags as well. Something like this:

object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="290" height="24"> <param name=movie
value="http://mojomom.com/podcast/audio-player/player.swf"><param
name=quality value=high><param name="LOOP" value="false"> <param
name="wmode" value="transparent"><param name="FlashVars"
value="playerID=1&soundFile=http://media.libsyn.com/media/mojomom/Mojo__Mom_and_Momma_Zen_v1.mp3"
embed src="http://mojomom.com/podcast/audio-player/player.swf"
FlashVars="playerID=1&soundFile=http://media.libsyn.com/media/mojomom/Mojo__Mom_and_Momma_Zen_v1.mp3"
quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="290" height="24"
loop="false"> </embed> </object

Eso lo arregla definitivamente

Saludos