Deck of cards

[Catt]

I have a jpg of a complete deck of cards laid out on a table, all 52 cards.
I want to draw an invisible rectangle around each card so that I can create a
link from each card to a separate place. Drawing the invisible rectangle is
easy, and creating the link is easy but do I have to do it 52 times? I tried
to edit/copy and edit/paste but it (FP) does nothing. I also tried to create
and effect on "mouse over" to have FP draw a border around the invisible
rectangle to show that it is "chosen". That doesn't work either. When I
choose format/HTML dynamic effects/mouse over/formatting/ choose border the
end result is that FP puts the border around the whole jpg even though its
not chosen. Can someone guide me?
Thanks, Catt

 

[Thomas A. Rowe]

Yes, you have to do it 52 times. FP has no method to do the other thinks that you would like to
accomplish, and I am not aware on any 3rd Party solutions.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================

 

[clintonG]

You want to create what is called an 'Image Map' and now that you know the
proper terminology you can search and find image map applications and
tutorials about this methodology that has been around since day but you'll
still have to draw each active area independently of the others. There are
plenty of 3rd party applications form which to choose.

The W3C HTML specifications for image elements includes support to draw a
user defined border around each image. Doing so is not possible when working
with an image map. If you rethought your design you could use a program like
PaintShop Pro or another application that can take a large image and 'slice'
parts of it up allowing you to save the entire collection to .html.

Doing so allows you to treat each slice as an independent image that when
displayed in the browser the whole collection of slices is indistinguishable
and appears as a whole. Doing this would allow you to take advantage of
semantic markup by applying the border="value" attribute to each image
element, i.e. <image src="file" border="1" />. If the border attribute is
used JavaScript would be required to toggle the display of the border on and
off when an onMouseOver event is raised.

 

[Doug Norton]

Another application that you can try for free (for a limited time) is
imagemapper from CoffeeCup www.coffeecup.com I use several of their
applications for sprucing up HTML and they are all pretty good.
Regards
Doug

 

[Murray]

Show me a page where you have used this and tell me where to look to see it,
please.

 

[Andrew Murray]

Use the hotspot tool. Don't use the "rectangle box". There's a difference.
look up help for "image map" or "hot spot links".

 

[Catt]

Hi, thanks for all the replies, there's alot of good advice and directions.
Here is the page http://www.caturner.com/cone_signs.htm I hope you will
excuse the comparison to a deck of cards but if you view the page you'll see
that it is about the same. After trying again several times I was able to
duplicate the rectangles I wanted. ( FP was placing the duplicated boxes at
another point on the page and I couldn't find it which is why I placed the
question on the board). I used the shapes menu because I needed rounded
corners. I put a thin black border around the link so I could place it around
the pictures more easily. I wasn't aware of the hotspot tool at the time. The
graphic on the page is ok but kind of jumpy when viewed on line. I assume
this is because its a large graphic and when the cursor goes over it to
choose a link it makes it jump. I was thinking that maybe I should set up
the page a different way perhaps. I will check out the coffeecup.com link for
mouse over help.
Again, thanks for the replies. I appreciate this board.
Catt

 

[Stefan B Rusynko]

Your jumping around is because of the dynamic effect you have applied to the image
(FP rollover style)
- remove it




| Hi, thanks for all the replies, there's alot of good advice and directions.
| Here is the page http://www.caturner.com/cone_signs.htm I hope you will
| excuse the comparison to a deck of cards but if you view the page you'll see
| that it is about the same. After trying again several times I was able to
| duplicate the rectangles I wanted. ( FP was placing the duplicated boxes at
| another point on the page and I couldn't find it which is why I placed the
| question on the board). I used the shapes menu because I needed rounded
| corners. I put a thin black border around the link so I could place it around
| the pictures more easily. I wasn't aware of the hotspot tool at the time. The
| graphic on the page is ok but kind of jumpy when viewed on line. I assume
| this is because its a large graphic and when the cursor goes over it to
| choose a link it makes it jump. I was thinking that maybe I should set up
| the page a different way perhaps. I will check out the coffeecup.com link for
| mouse over help.
| Again, thanks for the replies. I appreciate this board.
| Catt
|
| "Andrew Murray" wrote:
|
| > Use the hotspot tool. Don't use the "rectangle box". There's a difference.
| > look up help for "image map" or "hot spot links".
| >
| >
| > | > >I have a jpg of a complete deck of cards laid out on a table, all 52 cards.
| > > I want to draw an invisible rectangle around each card so that I can
| > > create a
| > > link from each card to a separate place. Drawing the invisible rectangle
| > > is
| > > easy, and creating the link is easy but do I have to do it 52 times? I
| > > tried
| > > to edit/copy and edit/paste but it (FP) does nothing. I also tried to
| > > create
| > > and effect on "mouse over" to have FP draw a border around the invisible
| > > rectangle to show that it is "chosen". That doesn't work either. When I
| > > choose format/HTML dynamic effects/mouse over/formatting/ choose border
| > > the
| > > end result is that FP puts the border around the whole jpg even though its
| > > not chosen. Can someone guide me?
| > > Thanks, Catt
| >
| >
| >

 

[Catt]

When I choose the jpg and go to format, dynamic html effects, there are no
effects applied to remove, the tool bar is grayed out. Doesn't this mean
there is no effect applied. ????? Yet when I go to html view I see a
sentence before the graphic that reads (in part) fprolloverstyle etc etc.
Does this mean the effect is still there?
Thanks

 

[Stefan B Rusynko]

In Code view
Remove onload="dynAnimation()" from the Body tag
And everthing from inside the <p> tag
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="border-style: solid; border-width: 2; padding-left: 4; padding-right:
4; padding-top: 1; padding-bottom: 1" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">



| When I choose the jpg and go to format, dynamic html effects, there are no
| effects applied to remove, the tool bar is grayed out. Doesn't this mean
| there is no effect applied. ????? Yet when I go to html view I see a
| sentence before the graphic that reads (in part) fprolloverstyle etc etc.
| Does this mean the effect is still there?
| Thanks
|
| "Stefan B Rusynko" wrote:
|
| > Your jumping around is because of the dynamic effect you have applied to the image
| > (FP rollover style)
| > - remove it
| >
| > --
| >
| > _____________________________________________
| > 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
| > _____________________________________________
| >
| >
| > | Hi, thanks for all the replies, there's alot of good advice and directions.
| > | Here is the page http://www.caturner.com/cone_signs.htm I hope you will
| > | excuse the comparison to a deck of cards but if you view the page you'll see
| > | that it is about the same. After trying again several times I was able to
| > | duplicate the rectangles I wanted. ( FP was placing the duplicated boxes at
| > | another point on the page and I couldn't find it which is why I placed the
| > | question on the board). I used the shapes menu because I needed rounded
| > | corners. I put a thin black border around the link so I could place it around
| > | the pictures more easily. I wasn't aware of the hotspot tool at the time. The
| > | graphic on the page is ok but kind of jumpy when viewed on line. I assume
| > | this is because its a large graphic and when the cursor goes over it to
| > | choose a link it makes it jump. I was thinking that maybe I should set up
| > | the page a different way perhaps. I will check out the coffeecup.com link for
| > | mouse over help.
| > | Again, thanks for the replies. I appreciate this board.
| > | Catt
| > |
| > | "Andrew Murray" wrote:
| > |
| > | > Use the hotspot tool. Don't use the "rectangle box". There's a difference.
| > | > look up help for "image map" or "hot spot links".
| > | >
| > | >
| > | > | > | > >I have a jpg of a complete deck of cards laid out on a table, all 52 cards.
| > | > > I want to draw an invisible rectangle around each card so that I can
| > | > > create a
| > | > > link from each card to a separate place. Drawing the invisible rectangle
| > | > > is
| > | > > easy, and creating the link is easy but do I have to do it 52 times? I
| > | > > tried
| > | > > to edit/copy and edit/paste but it (FP) does nothing. I also tried to
| > | > > create
| > | > > and effect on "mouse over" to have FP draw a border around the invisible
| > | > > rectangle to show that it is "chosen". That doesn't work either. When I
| > | > > choose format/HTML dynamic effects/mouse over/formatting/ choose border
| > | > > the
| > | > > end result is that FP puts the border around the whole jpg even though its
| > | > > not chosen. Can someone guide me?
| > | > > Thanks, Catt
| > | >
| > | >
| > | >
| >
| >
| >

 

[Catt]

When I remove that language I lose the placement of all of the hotspots I put
over that jpg. I'm sure I'm not skilled in html to correct the page after
that. I think I'll just leave it for now it does not seem to jump that bad. I
tried it in Netscape and IE and its not so bad.
Thanks for the advice
Catt

In Code view
Remove onload="dynAnimation()" from the Body tag
And everthing from inside the <p> tag
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="border-style: solid; border-width: 2; padding-left: 4; padding-right:
4; padding-top: 1; padding-bottom: 1" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">



| When I choose the jpg and go to format, dynamic html effects, there are no
| effects applied to remove, the tool bar is grayed out. Doesn't this mean
| there is no effect applied. ????? Yet when I go to html view I see a
| sentence before the graphic that reads (in part) fprolloverstyle etc etc.
| Does this mean the effect is still there?
| Thanks
|
| "Stefan B Rusynko" wrote:
|
| > Your jumping around is because of the dynamic effect you have applied to the image
| > (FP rollover style)
| > - remove it
| >
| > --
| >
| > _____________________________________________
| > 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
| > _____________________________________________
| >
| >
| > | Hi, thanks for all the replies, there's alot of good advice and directions.
| > | Here is the page http://www.caturner.com/cone_signs.htm I hope you will
| > | excuse the comparison to a deck of cards but if you view the page you'll see
| > | that it is about the same. After trying again several times I was able to
| > | duplicate the rectangles I wanted. ( FP was placing the duplicated boxes at
| > | another point on the page and I couldn't find it which is why I placed the
| > | question on the board). I used the shapes menu because I needed rounded
| > | corners. I put a thin black border around the link so I could place it around
| > | the pictures more easily. I wasn't aware of the hotspot tool at the time. The
| > | graphic on the page is ok but kind of jumpy when viewed on line. I assume
| > | this is because its a large graphic and when the cursor goes over it to
| > | choose a link it makes it jump. I was thinking that maybe I should set up
| > | the page a different way perhaps. I will check out the coffeecup.com link for
| > | mouse over help.
| > | Again, thanks for the replies. I appreciate this board.
| > | Catt
| > |
| > | "Andrew Murray" wrote:
| > |
| > | > Use the hotspot tool. Don't use the "rectangle box". There's a difference.
| > | > look up help for "image map" or "hot spot links".
| > | >
| > | >
| > | > | > | > >I have a jpg of a complete deck of cards laid out on a table, all 52 cards.
| > | > > I want to draw an invisible rectangle around each card so that I can
| > | > > create a
| > | > > link from each card to a separate place. Drawing the invisible rectangle
| > | > > is
| > | > > easy, and creating the link is easy but do I have to do it 52 times? I
| > | > > tried
| > | > > to edit/copy and edit/paste but it (FP) does nothing. I also tried to
| > | > > create
| > | > > and effect on "mouse over" to have FP draw a border around the invisible
| > | > > rectangle to show that it is "chosen". That doesn't work either. When I
| > | > > choose format/HTML dynamic effects/mouse over/formatting/ choose border
| > | > > the
| > | > > end result is that FP puts the border around the whole jpg even though its
| > | > > not chosen. Can someone guide me?
| > | > > Thanks, Catt
| > | >
| > | >
| > | >
| >
| >
| >