Almost all websites have them, and they are just extraordinary ugly: Dotted borders around text links. They show up when you click a link and won’t go away till you clicked somewhere else, reloaded the page or moved to another page:

Yes, I know that you saw that before… But why are all those sites displaying those ugly borders? I don’t know, because you don’t need to know any advanced techniques to remove the border! Just add the following code to your CSS document:

a {
outline: none;
}

And gone are the dotted borders!

But does that validate?

It’s easy to think that everyone isn’t using this because it doesn’t validate, though it does validate! Check it out on the W3C CSS Validator if you don’t believe me.

But why isn’t everyone using this?

Because most people don’t know that it is possible… In the past it was necessary to have the dotted border around licked links to see if you actually clicked it or not (in he past we had sow computers, so it took a while before the thing actually started downloading the new site). Today we don’t need that anymore so please add this code to your Cascading Style Sheets and stop the uglyness!

Can’t find out why your beautiful PHP code is displaying a good old parse error Parse error in c:\p42.php on line 42? Maybe the mistake is so obvious that you don’t notice it…

I packed together the top 10 most common PHP mistakes in one printable pdf file (cause this stupid wordpress blog isn’t allowing me to paste the table I made in word…). It’s almost impossible to make a PHP site without making one of those mistakes. Give the print a good place on your wall and look at it when you get an error. It’ll speed things up when you can’t find anything after 10 hours of coding…

If you’re still fresh enough, make a photo of the print on your wall and post a link to it in a comment. the most original one (no, the print in a bin is not original…) will receive something (dunno what, make suggestions please…)

Click the image below to download the pdf: