mouseover on two line text link does not highlight the whole text

[prman]

I'm wondering if someone can help me.
Take a look at the footer on my site at https://www.hudsonriverinlay.com.
When you mouseover, the links are highlighted as specified in my "common website link colors" settings (I'm not using underlines).
However, the text of the links is separated into two lines, and thus the mouseover highlight occurs separately on each line!
The expected behavior is that the entire text block (top and bottom lines) should both be highlighted simultaneously during the mouseover, not each line separately.
Does someone know how to fix this?
Thank you

[Acorn]

It is a "feature" specific to Xara as your text is broken into SPANs across lines and the link is separately applied.

I came up with this naff solution many years ago: https://www.talkgraphics.com/showthr...-on-my-website.
It still works but I wouldn't endorse it.

If you only have a couple then I would create and group a couple ofText Lines with the hyperlinked text repeated and also give this the same link.
After you position over the current link, move it to the MouseOver layer.
Now when you hover over the original all of the MouseOver text pops up.

I keep holding back expecting Xara to actually deliver a better HTML rendering that would overcome the need for such kludges.

Acorn

[gwpriester]

Moved to Web Design Chat.

[Egg Bramhill]

Slightly different approach. Preview the attached xar for details.

[Acorn]

Slightly different approach. Preview the attached xar for details.

Thanks for this Egg.

It is fine for buttons where you can define a Rectangle.
You don't get a simple shape for a phrase across two line of wider text in a large Text Area.

Another method, where the Background is White, this to place connected boxes over the text and the gap between and Add Shapes.
You move this to MouseOver, add the same Link and then Screen (Bleach) it.
On hover all text under is tinted to the colour of the shape.

This is my best and final offer:

• Add 'htmlblocktext' to the Text Area.
• Separate out links so there is only ever one in a paragraph.
• Add this CSS to the Website Code (head):

<style>
p:hover > a {
color: red;
}
</style>

• Change the 'color' to match your MouseOver link colour.

All links in a paragraph will all change to the MouseOver colour when you hover over any so a single link spanning many lines will now change colour as a single action.
Any changes to the text layout are now automatically handled.

Acorn

[prman]

Thanks to you all for these options. I'm working on it.
Re. Acorn's solution - I'd like to use your "final offer" but when I add the name 'htmlblocktext' to the Text Areas and preview, all the text disappears! Strange - I thought perhaps because of the font, so I tried a "web safe font" but that also disappears in the preview.
re. Egg's solution - I downloaded and tested. Very nice, I'll probably use this approach and fix it when I get more time. Thank you!
I'll update you all here when I get a chance to finish this.