Hover background on graphics

I like to use a hover background on text links (using the More options under links in the Page inspector.

However, on graphics with a link, this setting produces an unwanted colored band under the images when hovering.

How do I eliminate that?


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

However, on graphics with a link, this setting produces an unwanted colored band under the images when hovering.

Can you post a link to your online example?

David


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

For instance the Facebook logo at the foot of this page:
http://four-health.com/new/

Actually, now that I see it again there’s a 20px margin at the bottom of that graphic which the cored band appears to be filling. Maybe that’s why.


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

I like to use a hover background on text links (using the More options under links in the Page inspector.

You can be more specific how you apply link styles.

As you have found doing it in the inspector with nothing selected on the page applies the styles to all links but if you select an html container that contains your links and apply them there then this will take precedence over a page-wide setting.

Similarly if you select the html container that contains your FB image and apply no link style then this should take precedence over the page-wide link style.

D


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

Understand as far as text links go.

But your point two does not effect that shading below. Plus I’ve found that the shading only happens on some linked graphics, and I cannot tell why.

For instance, in the footer on this page, both the Tree and the Facebook logo have the same link, but the tree doesn’t produce the shading. And it has nothing to do with margins—happens regardless of margin.

http://four-health.com/new/family-education/index.html


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

I have gone as far as I can without seeing the FW file.

Can I assume that you are inserting the FB image inline.

I think that this is being caused by your construction method and the image being wrapped in P tags.

Any reason why this image could not be in its own Div.

D


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

It was Inline, and I had used other inline image links without that problem. But the P tag cured it, and it’s now in its own Div. Thanks Dave.


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