CODEWITHSUNDEEP
htmlcss
user1078385
user1078385

Reputation: 344

Remove text decoration line under image link

Does anyone know how to remove this line from images which is showing up in IE

enter image description here

I have removed the images borders and text-decoration from the links using css

body img {
    border:none;
}
a img {
    text-decoration:none;
}

I can't figure out what else could be causing it.

It's not an underscore it is linking to the facebook page.

Upvotes: 2

Views: 518

Answers (2)

Sebastian vom Meer
Sebastian vom Meer

Reputation: 5241

The decoration appears between the images and is therefore not selected by a img. Try this:

a { text-decoration:none; }

As stated by Mr. Alien you should consider to wrap this section somehow, so you can use a more specific selector, e.g.:

.share-buttons a { text-decoration:none; }

Upvotes: 6

Pete
Pete

Reputation: 58462

looks like a space between your images, the underline will be on the anchor

try adding 

a, a:hover { text-decoration:none; }

Upvotes: 1

Related Questions