Change Hyperlink Underline Colour on hover only

can anyone tell how I can change the Hyperlink Underline Colour on hover only?
Basically I want a text link with no underline on normal state, then on hover to have a underline with a colour. for the 4 links I have I want them to have a different colours for the underlines. hope this makes sense!


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

Not sure which version of FW you have but in Pro you can set the styles of your Links in several ways.

With the HTML item that contains your links selected look in the Inspector.

Down near the bottom is the Links section - may have to click the disclosure triangle to reveal its contents.

In there you can set colours and whether not they should be underlined. Just be careful as it is not easy to see what state the underline U is showing. 1 click is off but there are several options and you are best to watch your link on the page to see which one you have chosen.

You can also set Links on a page wide basis by doing the same thing with nothing on the page selected but the first method will win out over the page setting.

Note that this will not allow you to have different links in the same HTML item to have different settings - you would need to put each link in a seperate container to do that.

This all can also be done by setting up specific styles in the style editor but that gets more complicated.

David


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

Thanks for that David, I have tried the different options within the Inspector, but I cannot get the link to stay the same colour say Red with the underline a different colour, say Green only on hover only…

Is there any code I could put in with the extended button on link dialogue box to get the result I am after?

I found some code, but how do I get this into my page?

a:hover {
border-bottom: 1px solid #ff0000;
}

Cheers for your help


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

In the standard FW interface the underline is styled the same as the link itself.

You could do it using border-bottom but adding that code will affect every link on the page and you may well get unexpected results depending on your layout.

To add that for the whole page use Page>Html Markup, wrap that style in style tags and paste into the before end Head section

It should look like

<style type="text/css">
a:hover { border-bottom: 1px solid #ff0000; }
</style>

Dont forget to turn off underlines in the Inspector

D


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

thanks, that works! the problem I have is that there are 4 text links & I want to have a different colour underline for each link, not the same colour. that is where I thought the ‘Extended’ box might help on each link…

Mark


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

Then you will need to create 4 different styles and apply 1 to each link.

Same code but in the style editor you will need to make 4 unique text styles

The code can go in the extended section and you will probably have to add 1 parameter in the normal fields ie Font, colour etc.

D


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

Actually that may work in the Edit>Hyper Links extended section - not at my Mac to give it a go.

D


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

Maybe this will help – but don’t blame me if it doesn’t :slight_smile:


Ernie Simpson, aka The Big Erns


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

http://cssway.thebigerns.com/2013/04/multiple-hyperlink-underline-colors/


Ernie Simpson

On Mon, Apr 8, 2013 at 8:39 PM, Ernie Simpson email@hidden wrote:

Maybe this will help – but don’t blame me if it doesn’t :slight_smile:


Ernie Simpson, aka The Big Erns


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

Thank you so much Ernie! absolutely perfect. I really appreciate the time & detailed instructions you have given, I have learned a lot here.

Many thanks again.
Mark


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