CSS Order

CSS Link Elements

I like to apply CSS to my links. I realised things weren’t going correctly. I could get the colours right, but the links on the sidebar would still be underlined, when I already specified “text-decoration: none;” in the CSS properties.

Basically things weren’t going right. It was due to the A elements being wrongly ordered.

The correct order is –

a:link

a:visited

a:hover

a:active /* which I currently do not use */

Do not put “a:hover” before “a:link”, even though it does come first alphabetically.

“a:hover” must be placed after the “a:link” and “a:visited”, or the color property of the “a:hover” rule will be hidden. Similarly, because “a:active” is placed after “a:hover”, the active color will apply when a user both activates and hovers over the link.

Remove Border Around Images

If you want to remove the border around linked images, change the CSS to this.

a img {border: none}

or

a img {border-width: 0;}

It depends on the code you’re working with.

If those still don’t work, you can try this.

{border: 0pt none ;}

If you’re on HTML, you can add the code this way.

Add style="border: 0pt none ;" into the image source code.

<img src="http://www.blogburst.com/images/blogburst_80x15.gif" style="border: 0pt none ;" alt="BlogBurst.com" height="15" width="80" />

Reference: W3org - Selectors

Related Post