Blue lines under links on my site even though I've disabled all related CSS? [closed]

Question

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.

Closed 8 years ago.

I've tried disabled text-decoration, outlines, borders, and everything else I can think of. Using the inspect tool I cannot find anything that would cause these blue lines.

This issue does not affect Firefox.

The text with the blue underline is a span inside of an anchor tag.

Answer 1

You seem to have this problem: http://www.google.com/support/forum/p/Chrome/thread?tid=44100701f93d5951&hl=en

When you press F12 and inspect the elements affected, you should notice this:

a:-webkit-any-link{
...
text-decoration: underline;
}

So maybe adding a stylesheet like this:

a:-webkit-any-link{
text-decoration:none !important;
}

UPDATE : I reproduced it and the above stylesheet, added to your main.css file worked. No need of two ":", it was a typo probably.

Anyway it solved the problem on my PC, try to add it to your main.css and it should work. Thanks!

Answer 2

Chirs Felstead solution resolve your issue with the first link you shared. (http://imgur.com/81MLR)

For removing the blue underline here (http://akoostix.titanlabs.ca/?service=customers#home_page_news_section)

introduce text-decoration to the below line

#front_page_services #service_operators {
  text-decoration: none;
}

in line no. 51 on front-page-services.css

Answer 3

The standard way is:

a {
    text-decoration: none;
}

Please explain more about the span inside an anchor as that sounds backwards. should be anchor inside span.

Answer 4

Define style like this:

#front_page_services a {
    text-decoration: none;
}

Answer 5

Use the text-decoration attribute on you anchor element, not span.

<a id="service_managers" href="http://akoostix.titanlabs.ca/services/managers" style="
text-decoration: none">

Tested on your page and it works.

Answer 6

In your global.css is the entry

a:hover { 
    color: #4E76C9; 
    text-decoration: underline; /* Add this */ 
}