Changing the text decoration style

[GeoffreyMarnell]

Hi

I'm trying to style text that triggers popups differently to text that triggers links (a dotted underline rather than the standard solid underline). The RH styles UI doesn't appear to give this option, so I've tried adding the following to the code:

<a href="myfile.htm"><span style="text-decoration-style: dotted;">Users</span></a>

Alas, the <a> style unexpectedly overrides the embedded <span> and the underline remains as a solid line.

Have I flubbed the coding ? Is this a deficiency in RH? Are there other tricks you can share?

TIA

Geoffrey

[Jeff_Coatsworth]

Have you looked at doing this through the CSS instead of trying to style the HTML?

[GeoffreyMarnell]

Thanks Jeff. Your suggestion overcomes the problem.

Chers

Geoffrey

[David Kinyon]

Try this instead, it works for me (RH 2022.6.34, output tested in Chrome & Firefox):

<a href="myfile.htm" style="text-decoration-style: dotted;">Users</a>

I did not test putting this into the CSS, that would certainly be preferred, although given that it doesn't work in a span I wonder if it would work in a class.

[David Kinyon · Accepted solution]

I was able to put it into the CSS as follows: 

a.dotted {

   text-decoration-style: dotted;

}

And then in the source, it looks like:

<a class="dotted" href="myfile.htm">Users</a>

Using this method, you can apply it without needing to edit the XML source:

1. Create your link the normal way.
2. Select the linked text.
3. In Content Properties > Attributes > Class, type dotted.

[GeoffreyMarnell]

Thank you David. That's exactly what I wanted.

Cheers

Geoffrey