Welcome Guest ( Log In | Register)



2 Pages V   1 2 >  
Reply to this topicStart new topic
> Embedded Object Transparency, Making an object transparent
mrdee
post Dec 19 2007, 03:27 PM
Post #1


Super Member
*********

Group: [HOSTED]
Posts: 297
Joined: 18-July 07
From: Slough (UK)
Member No.: 46,682



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
<div align="center"><embed src="Music/Stille Nacht.mp3" width=150 height=115 autostart=true align="center" loop="true"></div>

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

Thanks in advance.
Go to the top of the page
 
+Quote Post
sonesay
post Dec 19 2007, 06:50 PM
Post #2


|||[ n00b King ]|||
*********

Group: [HOSTED]
Posts: 732
Joined: 20-June 07
From: Auckland
Member No.: 45,102
myCENT:7.62



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>
Go to the top of the page
 
+Quote Post
mrdee
post Dec 19 2007, 09:11 PM
Post #3


Super Member
*********

Group: [HOSTED]
Posts: 297
Joined: 18-July 07
From: Slough (UK)
Member No.: 46,682



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

Thanks anyway.
Go to the top of the page
 
+Quote Post
sonesay
post Dec 19 2007, 09:18 PM
Post #4


|||[ n00b King ]|||
*********

Group: [HOSTED]
Posts: 732
Joined: 20-June 07
From: Auckland
Member No.: 45,102
myCENT:7.62



that code did hide the player on my test. can i see a link to your page?
Go to the top of the page
 
+Quote Post
mrdee
post Dec 19 2007, 09:23 PM
Post #5


Super Member
*********

Group: [HOSTED]
Posts: 297
Joined: 18-July 07
From: Slough (UK)
Member No.: 46,682



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.
Go to the top of the page
 
+Quote Post
sonesay
post Dec 19 2007, 09:31 PM
Post #6


|||[ n00b King ]|||
*********

Group: [HOSTED]
Posts: 732
Joined: 20-June 07
From: Auckland
Member No.: 45,102
myCENT:7.62



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.
Go to the top of the page
 
+Quote Post
mrdee
post Dec 19 2007, 10:04 PM
Post #7


Super Member
*********

Group: [HOSTED]
Posts: 297
Joined: 18-July 07
From: Slough (UK)
Member No.: 46,682



I don't know how that is possible.
upon inspection of my code I get this:
CODE
<div align="center"><embed style="display none" src="Music/Stille Nacht.mp3" width=150 height=115 autostart=true align="center" loop="true"></div>

Just like you passed it on.

Weird.
Go to the top of the page
 
+Quote Post
sonesay
post Dec 19 2007, 10:09 PM
Post #8


|||[ n00b King ]|||
*********

Group: [HOSTED]
Posts: 732
Joined: 20-June 07
From: Auckland
Member No.: 45,102
myCENT:7.62



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
Go to the top of the page
 
+Quote Post
mrdee
post Dec 19 2007, 10:22 PM
Post #9


Super Member
*********

Group: [HOSTED]
Posts: 297
Joined: 18-July 07
From: Slough (UK)
Member No.: 46,682



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.