Hi there,
2 connected challenges. I am setting up a friend’s site and wanted to have 5 different graphics on a welcome page, with hyperlinks to different pages on his site. The graphics are simple line drawings on a background colour that is the exact background colour to the welcome page background. I’ve found the only way to avoid artifacts around the graphic (i’m drawing them in photoshop) is to use ‘save for web’ in photoshop so they are a gif. But now even that seems to display the graphic with an awkward box with lines in behind it. I am setting each graphic as a separate layer.
Secondly, when i map each of the 5 areas for hyperlinks, only some of them work, even when i make sure they are not overlapping. Why could this be please?
Any help would be hugely appreciated…
many thanks
stuart
David you are heroic in pointing out about the just adding the hyperlink to the graphic rather than mapping it… so ignorant of me, thank you so much…
You are also heroic in your point on choosing the background colour manually… thanks so much.
For anyone…
2 final conundrum you may have come across is that i have some html text on this welcome screen - just a title - and i draw a mapped area around that in order to hyperlink to a particular page and the link doesn’t work - when you hover over it, it doesn’t even recognise that its a link; the cursor doesn’t turn from an arrow to a hand ? Do you know why this might be?
Finally, i’ve noticed on some hyperlinked areas when you click on them it goes neatly to the linked to area and on others the hyperlinked area flashes up as a blue box before switching to the linked area. Why sometimes would that happen? Any ideas?
Many many thanks…
David you are heroic in pointing out about the just adding the hyperlink to the graphic rather than mapping it… so ignorant of me, thank you so much…
You are also heroic in your point on choosing the background colour manually… thanks so much.
For anyone…
2 final conundrum you may have come across is that i have some html text on this welcome screen - just a title - and i draw a mapped area around that in order to hyperlink to a particular page and the link doesn’t work - when you hover over it, it doesn’t even recognise that its a link; the cursor doesn’t turn from an arrow to a hand ? Do you know why this might be?
Maps may only be attached to graphics, as far as I know. Select your graphic, while it is selected, draw a map area over it (entirely within its bounds). Notice as you do this that the border of the graphic box glows blue to indicate that it is accepting the map as a child element. Then it will work.
Finally, i’ve noticed on some hyperlinked areas when you click on them it goes neatly to the linked to area and on others the hyperlinked area flashes up as a blue box before switching to the linked area. Why sometimes would that happen? Any ideas?
Many many thanks…
This behavior is the link’s “outline” property and/or the browser’s default “active” pseudo-class, and it’s related to accessibility options (tab from link to link with the accessibility helpers turned on in your browser or OS). You’re probably seeing it because the server is responding slowly in your request for the next page. Unless you disable this with specific CSS (and damn yourself to the private hell reserved for people who deliberately ignore the partially-sighted among us) you will actually see this on every link you click – you just won’t notice it on the faster ones.
i have some html text on this welcome screen - just a title - and i draw a mapped area around that in order to hyperlink to a particular page
The easiest way to create a link from html text is to select the text and then either use the little Globe at the bottom of the FW window to choose a link or Edit>Hyperlink to bring up the hyperlink dialogue box.
If you dont want the linked text to have the standard underline then you can use the Inspector to change the link appearance either on a Page wide basis by changing the settings when nothing is selected on your page or on an Item by Item basis by doing it when the html container (for your linked text) is selected.
The Links section is under the Paintbrush tab in the inspector.