Recently we ran into an annoying problem. Say you have a div with some dynamic text. Sometimes the text is short, so should be displayed in its entirety. Other times - it’s too long, so should be partly hidden. However, differently from hiding the text completely and then using jQuery’s .slideDown() of simply .show(), we wanted to display first few lines of it and give user the ability to show the rest. Also, and this part is very important - the revealing of the whole text should be animated (sort of the .slideDown() effect).
There are times when you create a navigation layout that just cannot bear the outline property that is being added by browsers. Although it is not an issue in most of the latest ones, some of the older browsers such as IE 6 & 7 can give you a bit of a hard time accepting your unwillingness to use its standards. However, just as any other ’bug’, this one’s got a solution too.
Hit ’read more’ to find out just how it can be solved in few simple steps.
So you have designed and built the website polishing down every single curve and corner for it to look as fabulous as it was originally intended. Then upload it to the server and … surprise! It just doesn’t look like on your local machine. After performing a thorough investigation on your endless CSS files you realise, that in fact all that has changed is… FONT. Sounds familiar?