Naturally, browsers apply CSS styles in the order that they are read. However, sometimes you may want to overwrite a previously declared style attribute but no matter what you do, you can’t seem to. This is especially useful when you’re using a widget or third party script on your website that comes with a pre-defined … Continue reading
Although Google Chrome is my favourite web browser, there is one little feature of it that can get on the nerves of some of us web developers. I am talking, of course, about the yellow outer glow/outline/box shadow it adds to input fields when focused. The good news is that with a bit of CSS, you can … Continue reading
Creating background gradients that work well with all of the most common browsers only takes a few lines of code. As I said in a previous article, the advances and standards compliance in todays modern browsers allows us to save time by coding things in directly rather than having to rely on a bunch of … Continue reading
Floating elements are huge when it comes to developing layouts with CSS. More often than not, cross-browser and other display issues are simply caused by ineffective float clearing by the coder of the site. Leaving an un-cleared float can have a big impact on your design and the way that different browsers render it. It … Continue reading
Horizonally and vertically centering an element with CSS is one of the easiest approaches, however it does have a couple of drawbacks. If you want to have a perfectly centered element with CSS, you need to specify a width and height for the element. If you’re trying to center an element that does not have … Continue reading
CSS reset styles are great as a foundation for the rest of your CSS code. Having a good reset style in your bag of tricks will help you save time and create even better looking websites across browsers. In this article I will be showing you a couple of the best reset styles you can … Continue reading
Creating rounded corners on your div’s and other elements is really simple in CSS. The days of having to create rounded borders and using a bunch of extra CSS code are soon to completely be behind us with all of the latest advances and standard compliance in todays web browsers. With three lines of code, … Continue reading
The “tables vs. tableless” layout debate has been argued for a long time now, and I felt I should share my unbiased opinion on the subject. I used to be one of those “table-less layouts suck” type people because I am pretty old-school when it comes to web development. I’ve been coding websites since the days of Netscape, and … Continue reading
absolute border both box shadow browser center chrome clear code corners cross css css3 div eric meyer fixed-width float gradients height horizontally input layout left moz none outer glow outline position radius reset right rounded select seo styles table table-free table-less tableless textarea vertically webkit width yellow yui 2
