Link behaviour ...

I’m currently setting up the outlines of a new project (div’s still nameless), and I’m running into something small - I guess - which I can’t seem to grasp.

There’s a header with subtext in the red area, 2 alinea’s if you will, separated by a hard return. I’ve selected all text and applied a link to it. However, when I hover over the subtext, the (also) linked header won’t react, same when hovering over the header … the subtext doesn’t respond.

What can I do to make them respond together as one?

Richard

http://beta.pxbypx.com/pap/


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

FW will not apply a single link to adjoining paragraphs - it will split it into seperate links - hence the behaviour you are getting.

One way round this is not to use the Edit>Hyperink feature at all - instead adda bit of code.

Example at http://www.deltadesign.co/FW6Test/whole-text-link.html

I have used the Inspector to add the link styles to the container itself (Linkbox) but have no links added to the text itself using the Edit>Hyperlink dialogue.

Instead I have added 2 Markup items before and after the text that I want to be the link. Flashing cursor at the start (end) of the text and Insert>Markup item

At the beginning I have the Markup code

<a href="yourpage.html">

and at the end the closing link tag

</a>

There are other methods but this is relatively straightforward you just have to remember if you change the page name that you are linking to.

David


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

Richard, I’ve made three examples of how I might have done this. I hope it
helps.

Note how I’ve worked to make my styling deliberate - preferring to use
natural HTML tags whenever possible. FWP encourages over-use of spans in my
view and I think it creates more problems than anything.

On Saturday, August 31, 2013, Richard van Heukelum email@hidden
wrote:

I’m currently setting up the outlines of a new project (div’s still
nameless), and I’m running into something small - I guess - which I can’t
seem to grasp.

There’s a header with subtext in the red area, 2 alinea’s if you will,
separated by a hard return. I’ve selected all text and applied a link to
it. However, when I hover over the subtext, the (also) linked header won’t
react, same when hovering over the header … the subtext doesn’t respond.

What can I do to make them respond together as one?

Richard

http://beta.pxbypx.com/pap/


Ernie Simpson


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

On 31 Aug 2013, 10:36 pm, DeltaDave wrote:

Instead I have added 2 Markup items before and after the text that I want to be the link. Flashing cursor at the start (end) of the text and Insert>Markup item

At the beginning I have the Markup code (…)

There are other methods but this is relatively straightforward you just have to remember if you change the page name that you are linking to.

Hi Dave, tnx for the input. Unfortunately for some reason this doesn’t seem to work for me, no idea why.

However, when using the Crowbar action -applied to the DIV- it seems to work … but not quite. The link works, all text in the DIV responds, but because the Crowbar action only lets you insert code at one position (only before OR at the end of the selected element), I can’t close the link via the < /a > tag using the same action. Would be nice if the Crowbar action let’s me insert code BEFORE as well as AFTER the selected element.

But … when I insert a markup element at the end of the text, inserting the closing tag < /a > it does work, bit of a workaround due to the limitations of Crowbar.


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

On 1 Sep 2013, 1:45 am, The Big Erns wrote:

Richard, I’ve made three examples of how I might have done this. I hope it
helps.

Thanks for your help! I’m curious Big Erns … where can I find these examples?

Richard


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

Here a screenshot of the Crowbar action where the link opening tag is applied to the DIV. Notice the inserted markup at the end of the content where the tag is closed …


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

Did I forget the link? Doh!

http://cssway.thebigerns.com/workbench/richardh-anchor/


Ernie Simpson

On Sun, Sep 1, 2013 at 5:47 AM, Richard van Heukelum <email@hidden

wrote:

On 1 Sep 2013, 1:45 am, The Big Erns wrote:

Richard, I’ve made three examples of how I might have done this. I hope
it
helps.

Thanks for your help! I’m curious Big Erns … where can I find these
examples?

Richard


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

Oh my, you guys are thinking “big hammers” when I think all you need are
very well-placed little tickles :slight_smile:


Ernie Simpson

On Sun, Sep 1, 2013 at 5:57 AM, Richard van Heukelum <email@hidden

wrote:

Here a screenshot of the Crowbar action where the link opening tag is
applied to the DIV. Notice the inserted markup at the end of the content
where the tag is closed …

alt text


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

Wow Ernie, indeed so much easier …

… that must be why they call it a crowbar probably :wink:


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

:slight_smile:

I use these techniques mostly with longer header texts - which I think are
more like people sound and appear more natural - like a sentence. Search
engines seem to look at natural sounding content more favorably, but we are
used to short, almost cryptic ways of outlining our pages. Writing a
natural sounding header that fits our visual expectations but reads as a
rich sentence is much more desirable in my book. I’m sure these techniques
will give ideas far beyond your current need :wink:

Wow Ernie, indeed so much easier …

… that must be why they call it a crowbar probably :wink:


Ernie Simpson


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

Unfortunately for some reason this doesn’t seem to work for me, no idea why.

Not sure either - but at least you have a solution.

D


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

Thanks for the effort, both of you aces :slight_smile:


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

NOTE :

I was trying to solve this via the TagWrap action, which worked. But because the link tags open and close outside the DIV, you’ll loose the in the inspector applied DIV specific link style(s).

The solution was quit simple though, you’ll need to apply the desired link styles to the parent DIV (first screenshot), and remove the styles from the DIV the TagWrap action is applied to (second screenshot). Works perfectly.

.

.


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