Pls. refer to http://www.univeyor.dk/newweb

I have made an image swap behavior ("Click here") but would like to have a
"link hand" when the cursor is above "click here". There is no link since
"Click here" is on a separate layer and initiates an image (on another layer)
to be swapped with an underlying animation file. Is there a way to obtain the
"link hand"??

regards

Hi,
<style type="text/css">
..handClass{
cursorointer;
cursor:hand;
}
</style>
and then apply the class to the image.

--
Cheers,
Jon
Microsoft MVP

"carsten-m" <(E-Mail Removed)> wrote in message
news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
> Pls. refer to http://www.univeyor.dk/newweb
>
> I have made an image swap behavior ("Click here") but would like to have a
> "link hand" when the cursor is above "click here". There is no link since
> "Click here" is on a separate layer and initiates an image (on another
> layer)
> to be swapped with an underlying animation file. Is there a way to obtain
> the
> "link hand"??
>
> regards

Hi Jon

Thanks, it works nicely. I did not know you could apply css to a gif file.
HOWEVER: Please notice how the link hand sort of extends itself to the right
of the image ("click here") into the next cell (hereby disabling the 2 links
"Service Technician" and "Project Planner" - yes even extending itself to the
right of the page/main table ?? What am I doing wrong?

regards

"Jon Spivey" skrev:

> Hi,
> <style type="text/css">
> ..handClass{
> cursorointer;
> cursor:hand;
> }
> </style>
> and then apply the class to the image.
>
> --
> Cheers,
> Jon
> Microsoft MVP
>
> "carsten-m" <(E-Mail Removed)> wrote in message
> news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
> > Pls. refer to http://www.univeyor.dk/newweb
> >
> > I have made an image swap behavior ("Click here") but would like to have a
> > "link hand" when the cursor is above "click here". There is no link since
> > "Click here" is on a separate layer and initiates an image (on another
> > layer)
> > to be swapped with an underlying animation file. Is there a way to obtain
> > the
> > "link hand"??
> >
> > regards
>
>
>

Did you close the class (</class>)?

"carsten-m" wrote:

> Hi Jon
>
> Thanks, it works nicely. I did not know you could apply css to a gif file.
> HOWEVER: Please notice how the link hand sort of extends itself to the right
> of the image ("click here") into the next cell (hereby disabling the 2 links
> "Service Technician" and "Project Planner" - yes even extending itself to the
> right of the page/main table ?? What am I doing wrong?
>
> regards
>
> "Jon Spivey" skrev:
>
> > Hi,
> > <style type="text/css">
> > ..handClass{
> > cursorointer;
> > cursor:hand;
> > }
> > </style>
> > and then apply the class to the image.
> >
> > --
> > Cheers,
> > Jon
> > Microsoft MVP
> >
> > "carsten-m" <(E-Mail Removed)> wrote in message
> > news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
> > > Pls. refer to http://www.univeyor.dk/newweb
> > >
> > > I have made an image swap behavior ("Click here") but would like to have a
> > > "link hand" when the cursor is above "click here". There is no link since
> > > "Click here" is on a separate layer and initiates an image (on another
> > > layer)
> > > to be swapped with an underlying animation file. Is there a way to obtain
> > > the
> > > "link hand"??
> > >
> > > regards
> >
> >
> >

Thanks for your answer. I am no good with html programming, so I defined it
in my main.css:

..handClass {cursorointer; cursor:hand}

It worked - partly, that is : )

Was it wrong procedure?

regards

"Dan L" skrev:

> Did you close the class (</class>)?
>
> "carsten-m" wrote:
>
> > Hi Jon
> >
> > Thanks, it works nicely. I did not know you could apply css to a gif file.
> > HOWEVER: Please notice how the link hand sort of extends itself to the right
> > of the image ("click here") into the next cell (hereby disabling the 2 links
> > "Service Technician" and "Project Planner" - yes even extending itself to the
> > right of the page/main table ?? What am I doing wrong?
> >
> > regards
> >
> > "Jon Spivey" skrev:
> >
> > > Hi,
> > > <style type="text/css">
> > > ..handClass{
> > > cursorointer;
> > > cursor:hand;
> > > }
> > > </style>
> > > and then apply the class to the image.
> > >
> > > --
> > > Cheers,
> > > Jon
> > > Microsoft MVP
> > >
> > > "carsten-m" <(E-Mail Removed)> wrote in message
> > > news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
> > > > Pls. refer to http://www.univeyor.dk/newweb
> > > >
> > > > I have made an image swap behavior ("Click here") but would like to have a
> > > > "link hand" when the cursor is above "click here". There is no link since
> > > > "Click here" is on a separate layer and initiates an image (on another
> > > > layer)
> > > > to be swapped with an underlying animation file. Is there a way to obtain
> > > > the
> > > > "link hand"??
> > > >
> > > > regards
> > >
> > >
> > >

I spoke too soon and gave you an inaccurate suggestion. You don't close the
class, you close what you assign the class to, in your case the paragraph
tag. You applied it correctly to a paragraph tag and closed it. Again, I
apologize for jumping in with inaccurate info.

"carsten-m" wrote:

> Thanks for your answer. I am no good with html programming, so I defined it
> in my main.css:
>
> .handClass {cursorointer; cursor:hand}
>
> It worked - partly, that is : )
>
> Was it wrong procedure?
>
> regards
>
> "Dan L" skrev:
>
> > Did you close the class (</class>)?
> >
> > "carsten-m" wrote:
> >
> > > Hi Jon
> > >
> > > Thanks, it works nicely. I did not know you could apply css to a gif file.
> > > HOWEVER: Please notice how the link hand sort of extends itself to the right
> > > of the image ("click here") into the next cell (hereby disabling the 2 links
> > > "Service Technician" and "Project Planner" - yes even extending itself to the
> > > right of the page/main table ?? What am I doing wrong?
> > >
> > > regards
> > >
> > > "Jon Spivey" skrev:
> > >
> > > > Hi,
> > > > <style type="text/css">
> > > > ..handClass{
> > > > cursorointer;
> > > > cursor:hand;
> > > > }
> > > > </style>
> > > > and then apply the class to the image.
> > > >
> > > > --
> > > > Cheers,
> > > > Jon
> > > > Microsoft MVP
> > > >
> > > > "carsten-m" <(E-Mail Removed)> wrote in message
> > > > news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
> > > > > Pls. refer to http://www.univeyor.dk/newweb
> > > > >
> > > > > I have made an image swap behavior ("Click here") but would like to have a
> > > > > "link hand" when the cursor is above "click here". There is no link since
> > > > > "Click here" is on a separate layer and initiates an image (on another
> > > > > layer)
> > > > > to be swapped with an underlying animation file. Is there a way to obtain
> > > > > the
> > > > > "link hand"??
> > > > >
> > > > > regards
> > > >
> > > >
> > > >

This is an opinion not right or wrong but I think that whole image in the
midde of your page should be a link. As a user I'd expect to be able to
click on it and go somewhere. Of course this would also remove the need to
use CSS to get the hand cursor.

--
Cheers,
Jon
Microsoft MVP

"carsten-m" <(E-Mail Removed)> wrote in message
news:B7C065A5-0A69-4561-B1AB-(E-Mail Removed)...
> Thanks for your answer. I am no good with html programming, so I defined
> it
> in my main.css:
>
> .handClass {cursorointer; cursor:hand}
>
> It worked - partly, that is : )
>
> Was it wrong procedure?
>
> regards
>
> "Dan L" skrev:
>
>> Did you close the class (</class>)?
>>
>> "carsten-m" wrote:
>>
>> > Hi Jon
>> >
>> > Thanks, it works nicely. I did not know you could apply css to a gif
>> > file.
>> > HOWEVER: Please notice how the link hand sort of extends itself to the
>> > right
>> > of the image ("click here") into the next cell (hereby disabling the 2
>> > links
>> > "Service Technician" and "Project Planner" - yes even extending itself
>> > to the
>> > right of the page/main table ?? What am I doing wrong?
>> >
>> > regards
>> >
>> > "Jon Spivey" skrev:
>> >
>> > > Hi,
>> > > <style type="text/css">
>> > > ..handClass{
>> > > cursorointer;
>> > > cursor:hand;
>> > > }
>> > > </style>
>> > > and then apply the class to the image.
>> > >
>> > > --
>> > > Cheers,
>> > > Jon
>> > > Microsoft MVP
>> > >
>> > > "carsten-m" <(E-Mail Removed)> wrote in message
>> > > news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
>> > > > Pls. refer to http://www.univeyor.dk/newweb
>> > > >
>> > > > I have made an image swap behavior ("Click here") but would like to
>> > > > have a
>> > > > "link hand" when the cursor is above "click here". There is no link
>> > > > since
>> > > > "Click here" is on a separate layer and initiates an image (on
>> > > > another
>> > > > layer)
>> > > > to be swapped with an underlying animation file. Is there a way to
>> > > > obtain
>> > > > the
>> > > > "link hand"??
>> > > >
>> > > > regards
>> > >
>> > >
>> > >

You may be right that it would be more "expected" to use the photo as the
place you click - but since it is still a swap behavior I will still need the
css to get the hand cursor? And is there a reason why the link hand extends
itself to the right, as I mentionned (and thus disabling the mentionnned 2
links?)

cheers

"Jon Spivey" skrev:

> This is an opinion not right or wrong but I think that whole image in the
> midde of your page should be a link. As a user I'd expect to be able to
> click on it and go somewhere. Of course this would also remove the need to
> use CSS to get the hand cursor.
>
> --
> Cheers,
> Jon
> Microsoft MVP
>
> "carsten-m" <(E-Mail Removed)> wrote in message
> news:B7C065A5-0A69-4561-B1AB-(E-Mail Removed)...
> > Thanks for your answer. I am no good with html programming, so I defined
> > it
> > in my main.css:
> >
> > .handClass {cursorointer; cursor:hand}
> >
> > It worked - partly, that is : )
> >
> > Was it wrong procedure?
> >
> > regards
> >
> > "Dan L" skrev:
> >
> >> Did you close the class (</class>)?
> >>
> >> "carsten-m" wrote:
> >>
> >> > Hi Jon
> >> >
> >> > Thanks, it works nicely. I did not know you could apply css to a gif
> >> > file.
> >> > HOWEVER: Please notice how the link hand sort of extends itself to the
> >> > right
> >> > of the image ("click here") into the next cell (hereby disabling the 2
> >> > links
> >> > "Service Technician" and "Project Planner" - yes even extending itself
> >> > to the
> >> > right of the page/main table ?? What am I doing wrong?
> >> >
> >> > regards
> >> >
> >> > "Jon Spivey" skrev:
> >> >
> >> > > Hi,
> >> > > <style type="text/css">
> >> > > ..handClass{
> >> > > cursorointer;
> >> > > cursor:hand;
> >> > > }
> >> > > </style>
> >> > > and then apply the class to the image.
> >> > >
> >> > > --
> >> > > Cheers,
> >> > > Jon
> >> > > Microsoft MVP
> >> > >
> >> > > "carsten-m" <(E-Mail Removed)> wrote in message
> >> > > news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
> >> > > > Pls. refer to http://www.univeyor.dk/newweb
> >> > > >
> >> > > > I have made an image swap behavior ("Click here") but would like to
> >> > > > have a
> >> > > > "link hand" when the cursor is above "click here". There is no link
> >> > > > since
> >> > > > "Click here" is on a separate layer and initiates an image (on
> >> > > > another
> >> > > > layer)
> >> > > > to be swapped with an underlying animation file. Is there a way to
> >> > > > obtain
> >> > > > the
> >> > > > "link hand"??
> >> > > >
> >> > > > regards
> >> > >
> >> > >
> >> > >
>
>
>

Your use of absolute positioned divs in a table and the double VML (for your Email news) is causing your page to be rendered w/ a
horizontal scroll bar twice the width of your page,

Your layers for the swap are not the same ending width position thus causing the cursor hand to extend past the page content

Also Get rid of the <p> tags in the div (apply the class to the image)

PS
Delete the stray <center> and </center> in your page
--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________


"carsten-m" <(E-Mail Removed)> wrote in message news:CBE57C0A-9C89-468A-9C3F-(E-Mail Removed)...
| You may be right that it would be more "expected" to use the photo as the
| place you click - but since it is still a swap behavior I will still need the
| css to get the hand cursor? And is there a reason why the link hand extends
| itself to the right, as I mentionned (and thus disabling the mentionnned 2
| links?)
|
| cheers
|
| "Jon Spivey" skrev:
|
| > This is an opinion not right or wrong but I think that whole image in the
| > midde of your page should be a link. As a user I'd expect to be able to
| > click on it and go somewhere. Of course this would also remove the need to
| > use CSS to get the hand cursor.
| >
| > --
| > Cheers,
| > Jon
| > Microsoft MVP
| >
| > "carsten-m" <(E-Mail Removed)> wrote in message
| > news:B7C065A5-0A69-4561-B1AB-(E-Mail Removed)...
| > > Thanks for your answer. I am no good with html programming, so I defined
| > > it
| > > in my main.css:
| > >
| > > .handClass {cursorointer; cursor:hand}
| > >
| > > It worked - partly, that is : )
| > >
| > > Was it wrong procedure?
| > >
| > > regards
| > >
| > > "Dan L" skrev:
| > >
| > >> Did you close the class (</class>)?
| > >>
| > >> "carsten-m" wrote:
| > >>
| > >> > Hi Jon
| > >> >
| > >> > Thanks, it works nicely. I did not know you could apply css to a gif
| > >> > file.
| > >> > HOWEVER: Please notice how the link hand sort of extends itself to the
| > >> > right
| > >> > of the image ("click here") into the next cell (hereby disabling the 2
| > >> > links
| > >> > "Service Technician" and "Project Planner" - yes even extending itself
| > >> > to the
| > >> > right of the page/main table ?? What am I doing wrong?
| > >> >
| > >> > regards
| > >> >
| > >> > "Jon Spivey" skrev:
| > >> >
| > >> > > Hi,
| > >> > > <style type="text/css">
| > >> > > ..handClass{
| > >> > > cursorointer;
| > >> > > cursor:hand;
| > >> > > }
| > >> > > </style>
| > >> > > and then apply the class to the image.
| > >> > >
| > >> > > --
| > >> > > Cheers,
| > >> > > Jon
| > >> > > Microsoft MVP
| > >> > >
| > >> > > "carsten-m" <(E-Mail Removed)> wrote in message
| > >> > > news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
| > >> > > > Pls. refer to http://www.univeyor.dk/newweb
| > >> > > >
| > >> > > > I have made an image swap behavior ("Click here") but would like to
| > >> > > > have a
| > >> > > > "link hand" when the cursor is above "click here". There is no link
| > >> > > > since
| > >> > > > "Click here" is on a separate layer and initiates an image (on
| > >> > > > another
| > >> > > > layer)
| > >> > > > to be swapped with an underlying animation file. Is there a way to
| > >> > > > obtain
| > >> > > > the
| > >> > > > "link hand"??
| > >> > > >
| > >> > > > regards
| > >> > >
| > >> > >
| > >> > >
| >
| >
| >

Let me add my two cents again - hopefully accurately and constructively this
time :-). In your CSS link (main.css), you didn't put a semi-colon after
cursor:hand, so maybe that's affecting its behavior.

Also, none of the items on your top menu (Storage Systems | Picking &
Sorting | Layer Picking, etc.) are linked to anything.

"carsten-m" wrote:

> You may be right that it would be more "expected" to use the photo as the
> place you click - but since it is still a swap behavior I will still need the
> css to get the hand cursor? And is there a reason why the link hand extends
> itself to the right, as I mentionned (and thus disabling the mentionnned 2
> links?)
>
> cheers
>
> "Jon Spivey" skrev:
>
> > This is an opinion not right or wrong but I think that whole image in the
> > midde of your page should be a link. As a user I'd expect to be able to
> > click on it and go somewhere. Of course this would also remove the need to
> > use CSS to get the hand cursor.
> >
> > --
> > Cheers,
> > Jon
> > Microsoft MVP
> >
> > "carsten-m" <(E-Mail Removed)> wrote in message
> > news:B7C065A5-0A69-4561-B1AB-(E-Mail Removed)...
> > > Thanks for your answer. I am no good with html programming, so I defined
> > > it
> > > in my main.css:
> > >
> > > .handClass {cursorointer; cursor:hand}
> > >
> > > It worked - partly, that is : )
> > >
> > > Was it wrong procedure?
> > >
> > > regards
> > >
> > > "Dan L" skrev:
> > >
> > >> Did you close the class (</class>)?
> > >>
> > >> "carsten-m" wrote:
> > >>
> > >> > Hi Jon
> > >> >
> > >> > Thanks, it works nicely. I did not know you could apply css to a gif
> > >> > file.
> > >> > HOWEVER: Please notice how the link hand sort of extends itself to the
> > >> > right
> > >> > of the image ("click here") into the next cell (hereby disabling the 2
> > >> > links
> > >> > "Service Technician" and "Project Planner" - yes even extending itself
> > >> > to the
> > >> > right of the page/main table ?? What am I doing wrong?
> > >> >
> > >> > regards
> > >> >
> > >> > "Jon Spivey" skrev:
> > >> >
> > >> > > Hi,
> > >> > > <style type="text/css">
> > >> > > ..handClass{
> > >> > > cursorointer;
> > >> > > cursor:hand;
> > >> > > }
> > >> > > </style>
> > >> > > and then apply the class to the image.
> > >> > >
> > >> > > --
> > >> > > Cheers,
> > >> > > Jon
> > >> > > Microsoft MVP
> > >> > >
> > >> > > "carsten-m" <(E-Mail Removed)> wrote in message
> > >> > > news:B5E0C9A4-D314-4E39-BAF4-(E-Mail Removed)...
> > >> > > > Pls. refer to http://www.univeyor.dk/newweb
> > >> > > >
> > >> > > > I have made an image swap behavior ("Click here") but would like to
> > >> > > > have a
> > >> > > > "link hand" when the cursor is above "click here". There is no link
> > >> > > > since
> > >> > > > "Click here" is on a separate layer and initiates an image (on
> > >> > > > another
> > >> > > > layer)
> > >> > > > to be swapped with an underlying animation file. Is there a way to
> > >> > > > obtain
> > >> > > > the
> > >> > > > "link hand"??
> > >> > > >
> > >> > > > regards
> > >> > >
> > >> > >
> > >> > >
> >
> >
> >