[Pro] Advice/help needed- hyperlinking joining objects

Hi all, 'here is my small situation.

  1. I have a graphic box with an icon that is 80 x 80pxls
    I have put the icon into a circle but that is irrelevant since the box is still there.

  2. Under each box I have the name of the icon as graphic text.
    This little graphic text box is a little bit lower than the icon (say 4pxls beneath) to give it some space to read.

here is my problem,

When I hyperlink BOTH the ICON and the text beneath it (linking to the same place), when the person mouses over, there is a small gap where the mouse changes back from a hand to pointer becuase of the gap between the two. I can;t move the words up and even when I tired to move the word box to touch the icon box, the mouse did the same thing.

I thought “group the 2 items”…

even when I do this, the gap is still recognized (I may be grouping wrong).

Maybe I have to do a child thing or something.

Thanks for any help with this small weird issue.

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you create your graphic text with a top padding of whatever you want your space between to be, the two images (the photo and the graphic text) can be touching and still appear to be apart. This will keep it working as though it was all one image.

Walter

On Feb 22, 2012, at 12:12 AM, Hoffman wrote:

Hi all, 'here is my small situation.

  1. I have a graphic box with an icon that is 80 x 80pxls
    I have put the icon into a circle but that is irrelevant since the box is still there.

  2. Under each box I have the name of the icon as graphic text.
    This little graphic text box is a little bit lower than the icon (say 4pxls beneath) to give it some space to read.

here is my problem,

When I hyperlink BOTH the ICON and the text beneath it (linking to the same place), when the person mouses over, there is a small gap where the mouse changes back from a hand to pointer becuase of the gap between the two. I can;t move the words up and even when I tired to move the word box to touch the icon box, the mouse did the same thing.

I thought “group the 2 items”…

even when I do this, the gap is still recognized (I may be grouping wrong).

Maybe I have to do a child thing or something.

Thanks for any help with this small weird issue.

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walt, I actually had that same idea and just tried it.
You are right cosmetically, the word is apart and the boxes are touching.

THE PROBLEM is, when you mousover (even with the 2 boxes touching), the mouse is a hand over the circle right to the edge of the circle, but once it gets right to the edge it turns to pointer then hand as it enters the touching text box. I even tried overlapping but nothing.

Can you try?

Thanks for the direction.

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s because Freeway is making an image map for the circle. The right way to do this is to merge the circle and the type below it into a single rectangular element, and then apply a link to that merged element as normal (without the circular or complex shape image map). If these are inline elements, try moving them out (temporarily) to the pasteboard, group them (and make sure that “Combine with Children” is checked), and then cut and paste them back inline where they were. Then apply the link to the group, not the individual elements. If they aren’t inline, then you can simply group them in place. The result should be a single rectangle with one link.

Walter

On Feb 22, 2012, at 7:57 AM, Hoffman wrote:

Hi Walt, I actually had that same idea and just tried it.
You are right cosmetically, the word is apart and the boxes are touching.

THE PROBLEM is, when you mousover (even with the 2 boxes touching), the mouse is a hand over the circle right to the edge of the circle, but once it gets right to the edge it turns to pointer then hand as it enters the touching text box. I even tried overlapping but nothing.

Can you try?

Thanks for the direction.

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok- was about to try without the circle to try and problem solve it as I thought that may be cause.

Following your directions above, will I still get the icon in the circle and the text a little below that?

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Depending on your layout you can just not hyperlink the icon and the text individually but instead ‘draw’ an empty graphic container over the top of the two and add your link to that.

As at http://www.deltadesign.co/fw_examples/hoffback.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, the way it looks is separate from the way that Freeway writes the code.

Walter

On Feb 22, 2012, at 8:10 AM, Hoffman wrote:

Ok- was about to try without the circle to try and problem solve it as I thought that may be cause.

Following your directions above, will I still get the icon in the circle and the text a little below that?

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave, thanks for your idea- your method certainly was simple and effective,

before I use that method for all 20 icons, I am wondering how this will play in once I decide how I want the rollovers for the icons.

Not sure if they will eventually have classic rollover effect and glow or I am probably going towards something that when the person mouses over, they can see something that tells them about the area that icons relates.
Either way, not sure if your method would still work.

Barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave - I am lost by Walt’s method and i used yours and it is simple.

Can you write back telling me any future problems you predict I will have if

right now I have circular graphic icon and beneath it a text box and I drew a graphic box over both and hyperlinked but I HAVE no rollover effect happening yet.

I defintely will be adding a rollover effect in the future and am wondering if the graphic box you had me draw to hyperlink will be a problem b/c it is laying over the circular graphic and text box.

barry


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am probably going towards something that when the person mouses over, they can see something that tells them about the area that icons relates.

Then I would probably use Rollover with Target Show/Hide Layer

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK I got the HYPERLINKING 2 graphic boxes with no space.

The following are directions for someone who wants to put a graphic text box a little below another graphic image box lets say for an icon button and caption. This will keep the mouse a hand for the entire area…

  1. Draw a graphic box
  2. Insert your image
  3. Fit box to content
  4. Draw a graphic text box and space it a little below the first box
  5. Draw a 3rd graphic box large enough to cover the other 2 boxes
    6)** RIGHT click and click SEND TO BACK. What this does is allow you later to still click the 2 boxes with picture and text in case you need to edit or fix later.
  6. Hyperlink the big main graphic box as well as the 2 other boxes.
  7. Resize main graphic box to fit

hope this helps!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

this is why I do not give advice.

Ignore the directions above. They don;t work exactly as needed especially if you put your icon in a circle.

this is the problem.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

MARCH 25, 2012

I have just hit on something by accident.

if this is what you want to do… it is easy

You have a graphic and a caption (graphic text) and you want them both linked but you do not want a noticeable space between them when you mouse over…

the answer…

When you make the caption as graphic text, make sure the text is like 1 return space down in its box.

-click on the caption box and click SEND BACKWARD.
-then slide the caption box so it is going underneath the graphic box a little and they overlap.

-now when you test it you will see the mouse never leaves the hand!!! it is 1 continous area of hyperlink.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options