PDA

View Full Version : style="cursor:pointer" Isn't working for Firefox?


elementsk8er506
01-05-2010, 06:01 PM
Hello,

I have a quicktime gallery of five short 1-minute long videos. They all have a static poster frame for each video to give it a preview before you click. The posterframe is basically a 00.00 duration .mov with the quicktime controller set to false.

When I click on the still frame it proceeds to play the video fine. The thing is, when you roll over it, it remains a black arrow. I want to have the cursor change to a pointer finger.

Someone suggested putting a "#" in the link to make a null but that only works for images. Because it's a .mov posterframe I could not find a link in the properties to do this.

I tried something out,
I clicked on my quicktime and in the code i put

style="cursor:pointer"

I tested it out in Safari and it works great! But it remained a black arrow in
Firefox :(

Here is the part in my site for reference:

http://www.mikelarned.com/projects_page.html

How can I fix the problem so it works on Firefox as well? Please help!

Thanks!

- Mike

thankyou

elementsk8er506
01-05-2010, 06:02 PM
By the way the smiley face in the code above was created from this site! Because ":" was next to "p" ha thats funny though! But any suggestions please? :)

DWcourse
01-05-2010, 06:53 PM
Try including the pointer property in the style rule for the div containing the movie (for instance #doug_video_div).

elementsk8er506
01-05-2010, 11:14 PM
Hi, thanks for the reply,
I have my code set up like this:

<div id="doug_video_div">
<embed src="Videos_For_Webpage/Larned_Doug_Funny_Fight_(Poster_Frame).mov"
width="485" height="285"
href="Larned_Doug_Funny_Fight_(Web_Version).mov"
style="cursor:pointer"
target="myself" controller="False" pluginspage="#"></embed>
</div>

is the style="cursor:pointer" in the wrong spot for it to work in Firefox?

Thankyou

elementsk8er506
01-08-2010, 07:18 PM
by the way i tried another way of putting the pointer code here:

<div id="doug_video_div" style="cursor:pointer">
<embed src="Videos_For_Webpage/Larned_Doug_Funny_Fight_(Poster_Frame).mov"
width="485" height="285"
href="Larned_Doug_Funny_Fight_(Web_Version).mov"
target="myself" controller="False" pluginspage="#"></embed>
</div>

^^^ i put it in the div container instead of the actual quicktime

my ap div is a little longer than the quicktime so in the dreamweaver layout you can see it stick out a little extra

when i previewed in firefox, the pointer finger did show up, but only off the very edge of the div where there was no video....when i actually rolled over the video, it remained a black arrow

is there any way to put the pointer code in the div container and let it know to work everywhere within that container?

thanks

domedia
01-09-2010, 05:23 PM
Not when embedding an object I think.