homepage Welcome to WebmasterWorld Guest from 54.197.147.90
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
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




msg:4157100
 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




msg:4157227
 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




msg:4157430
 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




msg:4157904
 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