Flaoting and image over other flash

[Darren B]

OK

I have stumbled around this one and cant do it, i know i must be doing something wrong but my ermm css knowledge is not the best but im getting there

Can any one help me out with how i get my image to be ontop of everything else, i mean actually floating over the top.

I have tried a few things even using z-index but it does not work, well thats not to say i did it right in the first place

ok if you take a look here http://rawair.co.uk/index.html you can see a kite sticking out from behind the flash header, obviously i want the kite to be on top of it

i would really appreciate it if any of you can assist me

Cheers
D

[fergusw]

Interesting one.

You could change

#kiteimage
{
left:250px;
padding:0px;
position:absolute;
top:0px;
z-index:2;
}

to

#kiteimage
{
left:350px;
padding:0px;
position:fixed;
top:0px;
z-index:2;
}

but then that leaves the kite "floating" at the top when you scroll down....... probably not the desired effect although one you might want to use anyway?

I seem to recall reading something about getting HTML <object> flash elements to appear behind HTML..... hmmm...... A quick interweb search required I think.

[fergusw]

Another quick suggestions - Lost the Flash file altogether! An animated Gif could do all that for you and sit more seamlessly into the page, plus it would mean adding a Kite to the anim gif would be a snap! Just the file size your would need to keep down!

[dscontroller]

Hi Darren,

Untested!

Try the following - your flashHeader div should be given a relative position in the flow of the document and then the kite containing div should be given an absolute position when placed within the flashHeader div. This should allow you to position it to the pixel.

#photo {
position: absolute;
visibility: visible;
z-index: 1;
}

Give it a try and see how you go with it.

hth,

David

[Darren B]

Thanks Fergus, i will take alook, but i like the flash, my good friend jont sorted that for me, hey maybe he could offer some help

Oh Jonty were are you

D

[Darren B]

ooh ok Dave i will take a look


Thanks
D

[TraceyHand]

Thanks Fergus, i will take alook, but i like the flash, my good friend jont sorted that for me, hey maybe he could offer some help

Oh Jonty were are you

D

hiding from you, probably!

[Darren B]

OH thanks Tracey

Dave and Fergus no luck im affraid, maybe it is just not possible, thanks for your help though

D

[fergusw]

You're never alone with a problem on the internet.
"Z-Index wont work"

keep on looking

[fergusw]

Darren,

Looks like it is possible with some Javascript controlling the loading and displaying of the flash object within the HTML.
anothe article on it here

[Mike Hughes]

Strangely the Kiter image is displaying over the Flash, just not the kite image.

The only difference I can see is that the kite image has a class=normal statement and the kiter one doesn't. Which makes me think that maybe losing that could fix it.

Of course Jont will know the answer. It definitely looks like one of his designs.

Mike

[Darren B]

Hey Hey

thanks Fergus

in between your <object> tag add

<param name="wmode" value="transparent" />

in the embed tag add

wmode="transparent"

Did the trick

just uploading now
all i need to do is sort the image out


Thanks Again
D

[fergusw]

Seek and ye shall find!

It looks better now! You're just missing the kite lines now!

[Darren B]

Strangely the Kiter image is displaying over the Flash, just not the kite image.

The only difference I can see is that the kite image has a class=normal statement and the kiter one doesn't. Which makes me think that maybe losing that could fix it

Mike

Afternoon Mike, are that Flash is a jont special, the kiter bloke image is actually only half of him, the other half is in the flash, clever stuff

Fergus you trouble maker, i'll give you missing the lines

Cheers for your help guys, as i said just need to sort out a good image

D

[dscontroller]

Just need to get it in 3D now and the wind blowing in the right direction Glad you've got it cracked!!

David