Why are all links red in Chrome and Safari?

Question

Just started using Google Chrome and noticed in some parts of our site, for example. all links on the page are bright red. They should be black with a dotted underline.

Is there any hint in WebKit rendering that makes all links red regardless of style?

Answer 1

All the resources you are currently linking to are located in the places where your page is looking for them (check this by actually checking this). I also had a problem checking the application in Safari, where I tried to pull out a file that was not there, and I had a very similar output to yours (red links).

EDIT: Adding Developingchris finds the answer, as it explains so well:

k, found him.

If any of your stylesheets is missing or fixed incorrectly, it throws 404. If your page 404 has built-in styles, they get respect through the "alternative sheets" rule in webkit.

Thus, the red links to the "yellow screen of death" cause my overlap problem.

Answer 2

k, found him.

If any of your stylesheets is missing or incorrectly fixed, it throws 404.
If your 404 page has built-in styles, they get respect through the "alternative sheets" rule in webkit.

So the red links on the "yellow screen of death" cause my overlap problem.

Answer 3

There is an error in Chrome that obeys alternative style sheets . Do you have an alternative stylesheet that makes links red?

Answer 4

This explains the problem that I encountered with my application - this is a Rails application that also contains 404 pages with red color applied to some styles. Now it makes much more sense than then. Too bad you can't accept your own answer!

Answer 5

you can use jscript console like firebug to find out where the color comes from

Answer 6

Have you set the :visited parameter in the stylesheet?

Answer 7

Run your CSS file and your HTML file using the w3c validators. I had a similar problem when testing the application in Safari. The problem was in my code.