homepage Welcome to WebmasterWorld Guest from 54.146.175.204
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Chrome 5 highlights all my links
using the background hover colours - but why?
Hester

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4157098 posted 7:59 pm on Jun 22, 2010 (gmt 0)

I don't use Chrome much but was surprised to see (in version 5.0.375.70) that my site has all the links highlighted by a coloured background! This is the colour I have set for the hover effect, which is green for links and brown for visited links. Even the top menu is coloured in!

The effect goes away when I move the mouse off the page.

I haven't seen this effect on any other sites in Chrome. Anyone know what is happening?

I'm wondering if it's my code at fault, but other browsers are fine. I've sent an error report to Google.

I am on Windows XP. My doctype is XHTML Strict. The links are styled in a separate stylesheet.

 

kaled

WebmasterWorld Senior Member kaled us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4157098 posted 11:48 pm on Jun 22, 2010 (gmt 0)

Most likely there is an error in the style sheet. The rule for any problem of this sort is validate the code, both the HTML and the CSS. Also, links should be styled in a very specific order being LVHA (Link, Visited, Hover, Active) not to mention the :focus pseudo-class.

HTML Validator [validator.w3.org]
CSS Validator [jigsaw.w3.org]

Kaled.

penders

WebmasterWorld Senior Member penders us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4157098 posted 8:04 am on Jun 23, 2010 (gmt 0)

Create a simple test page with just a link and your link styles - does it still behave this way?

Hester

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4157098 posted 9:05 pm on Jun 23, 2010 (gmt 0)

Thanks. I validated the CSS and found some minor errors which I have corrected. I also validated the HTML and found one typo which has also been corrected.

Chrome still displays the site oddly.

I looked at my link styles and I have the following styles defined:

a, a *
:link, :link *
:visited, :visited *
:link:hover, :link:hover *
:visited:hover, :visited:hover *


I don't seem to have any active or focus styles set.

I'll try and do a test page and see if I can nail this one!

[edited by: tedster at 12:34 am (utc) on Jun 24, 2010]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved