Embedded Object Transparency - Making an object transparent

mrdee

Dec 19 2007, 03:27 PM

Hi,
does anyone know if it is possible to make a control panel of an embedded object transparant, and if so, could you let me know how it is done?

I put a piece of music on my web site earlier, with a control panel to adjust the volume, start/stop etc.
The problem is, I have also put a Christmassy background on the site and the white area around the control panel makes it look somewhat untidy.
Here is the code I used for the embedding:

CODE

If anyone knows a solution to my problem I would be extremely grateful.

Thanks in advance.

sonesay

Dec 19 2007, 06:50 PM

this should work

CODE

<div align="center"><embed style="display:none" src="Music/Stille Nacht.mp3" width=150 height=115 autostart=true align="center" loop="true"></div>

mrdee

Dec 19 2007, 09:11 PM

Thanks for your reply, sonesav.
But I'm afraid it has made no difference.

Thanks anyway.

sonesay

Dec 19 2007, 09:18 PM

that code did hide the player on my test. can i see a link to your page?

mrdee

Dec 19 2007, 09:23 PM

Sure,
it is http://www.vlaanderen-flanders.org.uk

On the opening page, click on "English" (I assume that is what you wil want to read), and on the next page, click "News" on the menu, which is where the music file is.

Thanks.

sonesay

Dec 19 2007, 09:31 PM

I checked out your code on your site

CODE

<embed width="150" height="115" align="middle" loop="true" autostart="true" src="Music/Stille Nacht.mp3" style=""/>

style has no value thats probably why. worse case i think if you assign values of 0 to height and width it will hide it lol. or else you can always try assigned the style attribute to the div tag I'm sure it can work there also. if that still dosent work you can always move that div -100 px out of the screen or something.

mrdee

Dec 19 2007, 10:04 PM

I don't know how that is possible.
upon inspection of my code I get this:

CODE

Just like you passed it on.

Weird.

sonesay

Dec 19 2007, 10:09 PM

you definitely need a : in between style="display:none"

make sure its like this

CODE

style="display:none"

if that still dont work try

CODE

style="display:none;"

The first seems to work for me on my local server. maybe its just my broswer rendering it incorrectly and allowing any errors to pass. I'll check again

mrdee

Dec 19 2007, 10:22 PM

I see, I had indeed missed the colon out.
However, when I did slot it in, the panel was gone, but so was the music.
You see, what I meant was, around the panel there is a white square that clashes with the background.
I do prefer to have a panel where people can turn the music off if they like, or adjust the volume.
What I did ask, really, was whether you could make that panel and its surroundings transparant, so that the background comes through.

Thanks.

sonesay

Dec 19 2007, 10:35 PM

sorry bud, I never read things properly so its the ugly white space you want to get rid of? I think its caused by the height attribute

CODE

height="115"

I think if you lower it it may get rid of the white space but I think this method may have another problem since different broswers will render it differently.
yeah I jsut noticed under firefox you will see the white box but under safari it will show only the control bars.

I guess a more proper way is to remove background off the <embed> tag

you can try

CODE

<embed style="background:none;"

or
or

CODE

<embed style="background:none"

I'm not sure whats more correct with a ';' or without. hope that works for you.

edit: dosent seem to work

I'll keep trying this is a annoying little problem.

Similar Topics

Keywords : embedded transparency making transparent

What Are The Steps To Making A Website? - (19)
Making A Scroll Bar In Flash - with an image and words on it (4)
does anybody know how to make a scrollbar for my game page I am making on my site. This whole site
is completely in flash. I know how to make a scrollbar for just words but not when there is an
image on there also. Does anybody know?...

Making Your Site Successful - No matter what it's about! (9)

I started writing an article about this for an article site I had just joined. It was done! I
wrote so much! I was so thrilled! I hit "Submit!" And as it turned out, it had timed out
and the entire page reset. My face was probably priceless but so was my utter rage. So I've been
careful about what I write since then. I have a Notepad document open as I type. And then I make
several threats and continue writing. But back to the point. Hosting This one's simple. Dear
god, if you ask me questions about this, I will scream very loudly. But seri...

Need Help Designing Website For Online Novels - Making lots of text comfortable to read (3)

I want to start getting my website hammered out, and I realize that I'm not exactly sure how to
balance an attractive design with basic readability. I generally don't like templates and
programs, preferring to work things out from the bottom up as much as possible. I've got some
basic HTML "programming" under my belt, but everything I learned was 5+ years ago, and before CSS.
If possible, I'd like to design something with a "frame" effect over the top of the page and on
the left all the way down with a background for menus and buttons, with the backgrou...

Making Stuff For A Forum - (1)

Howdy everybody before I begin what I want to ask you all I must give a BIG thank you to the Mods &
Admins of Trap 17 for accepting my request form for a Web Hosting. I'll never ever fiorget
youse. I'll always be here and be posting but please don't ban suspend or warn me of posting
in the wrong place please. That's the last thing I want to be happening, I just have problems
understand what I'm doing sometimes. Anyways what I'm wanting to ask you all is that if
anybody here can help me out and make me a lazy town animation banner? I have an imag...

B4 Making Your New Site - read this article (1)

http://www.sitepoint.com/article/deadly-web-site-sins It shows what you may and what you must not
do on your new website. Happy reading....

About Springing The Making Of The Window - ur webpage will be better (0)

Some friends often surfs the Net may been to some such websites , the entry homepage will spring a
window at once, or press a connection or the button to spring, usually will show some precautions in
this window, copyright information , or information which the author wants to especially point out
warned , welcomed to be patronized etc.. The ones that in fact made such a page result very are
easy, so long as join several sections of Javascript codes and can be realized to HTML of this page.
I following lead you to analyze its secret. Code: <script LANGUAGE="javasc...

Looking for embedde, object, transparency, making, object, transparant

ADD REPLY / Got an Opinion!	a humble request :-)	RAPID SEARCH!	Free Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE