http://www.csstrickery.co.uk A CSS Tips and Tricks Blog Sun, 23 Mar 2008 21:59:39 +0000 http://backend.userland.com/rss092 en Okay, so there are hundreds. No, thousands. Okay, there are most likely millions of CSS menus already out there, but I thought I'd go ahead and throw another into the WWW bucket. It's a little different to the usual take (at least, I like to think so) but best of all, ... http://www.csstrickery.co.uk/2008/01/17/pop-up-n-out-tab-menu/ We all know that the battle for browser supremacy has always been a struggle, but with standards slowly but surely improving, the usage of extensive, non-validating hacks is less. IE7, although still not quite as CSS capable as FireFox, was a huge step up from IE6. With, in the most ... http://www.csstrickery.co.uk/2008/01/03/design-for-firefox/ As you push on with your latest design, you might find that your stylesheet begins to build up rapidly. Before you know it, you've got line after line of code, with buried hacks and declarations all over the place, and some you can't even remember what for! So you end up ... http://www.csstrickery.co.uk/2007/12/22/keep-it-organised/ As we all know, different browsers display different code. That line must feature somehow in nearly every article on this site and give us as web designers more work to do. One way to try and cut down on the work we do, is to apply the same rules to ... http://www.csstrickery.co.uk/2007/12/21/universal-css-settings/ In my opinion, one of the most useful elements for making a page clear is the <hr>, or, as I call it, the 'horizontal rule'. This, as with all other elements, can be styled with CSS, however you need to be careful, as different browsers style the <hr> differently. http://www.csstrickery.co.uk/2007/12/17/using-to-great-effect/ Before IE7, the :hover could only really be used on links. This was because IE6, the major browser at the time, would not allow the :hover to be assigned to anything other than 'a'. However, with IE7, this attribute can be used more, because IE7 & FF both understand the ... http://www.csstrickery.co.uk/2007/12/14/using-the-hover-to-greater-effect-tables/ Well, almost. CSS is great, no doubt about it. But when it comes to using it, things can soon get messy. With a class here, an ID over there and a helping of multiple declarations, the whole thing can soon snowball into a mass of margin zeros, float left’s and goodness ... http://www.csstrickery.co.uk/2007/12/12/fat-free-css/ Most web developers would agree that, whilst designing, design for FF/Opera and fix for IE. Therefore FF is used as the primary testing browser. Thanks to the ability to integrate extensions into FF, your web developing can become a lot easier with the following list of extensions. http://www.csstrickery.co.uk/2007/12/11/firefox-essentials-the-top-3web-developer-extensions/  After about a year of coding, I have decided to become a writer and spread the knowledge of HTML and CSS coding around. I was given the opportunity to write for this site, so here I am and here is my first article. Hope you enjoy! Have you ever wanted to ... http://www.csstrickery.co.uk/2007/12/10/css-indentation/ This is an article I wrote for Web Forumz 'Creative Coding' Newsletter.  Usually when a web designer wants to make a user acknowledge when they hover over a link, they would use the text-decoration: to either add an underline (if the navigation links have no underline in their inactive state) or ... http://www.csstrickery.co.uk/2007/12/08/borders-as-underlines/