Use Flash File instead of Image

[Fortune Hunter]

I am trying to modify an existing site right now that was built using a bunch of CSS. I really don't know that much about CSS so I am trying to modify an existing file. I have a home page that uses an external style sheet to create the layout of the page. At the top of the page the style sheet says there is an image that is there, which shows up fine.

However I would like to replace this image and have a small flash video there instead. I tried simply changing the reference in the style sheet to use the Flash file, but it doesn't work. Here is the CSS tags from the style sheet. If anyone can tell me how to modify this to point or put the Flash file there instead of the image I would appreciate it.

}

#homePage #sideNav {
padding: 20px 555px 20px 0px;
background-image: url(../Images/sidenav_background.jpg);
background-repeat:no-repeat;
background-position: right;
height: 208px;
}

Thanks in advance.

[PSWorx]

You cant use flash files with css you may need to modify the actual html template here, i was reading a post earlier that used some sort of css/flash business, id say that one of the mods will point you in the right direction but i dont think thats supported greatly so the last and really only option is going to be to edit the html template, depending on site layout it may be as simple as adding a div at the end of the document which includes the flash object, then using css position that in the place you need it.

#flashDiv {
position: absolute;
top: 0px;
right: 0px;
}

<div>
<object>..............</object>
</div>

[edited by: PSWorx at 5:58 pm (utc) on Mar. 14, 2007]

[Fortune Hunter]

PSWorx:

Yes, I found out from other sources after I posted this that what I was trying to do wouldn't work. However your proposed solution is really neat and gave me a good idea. Actually I was able to solve the problem in a less complex way, but I will be sure to file your suggestion away for the next time I run into a similar problem. Thanks!

Fortune Hunter