A while back, I wrote up a tutorial about how to create simple rollover buttons with CSS. While that method is accurate and still works, I’m going to show you a different way to create rollover buttons which might come in handy. Why do we need a different way to do the same thing? Well, … Continue reading Build better, faster web apps with CSS sprites
Tag Archives: CSS
Horizontal centering with CSS
One of the biggest complaints about CSS, and one of the most frustrating aspects of it, is centering horizontal elements. Centering causes all sorts of problems, because there really isn’t an obvious method. Currently, there is no “float: center”, or “horizontal-align”, so centering a horizontal element isn’t exactly straight-forward. So, without further ado, I’m going … Continue reading Horizontal centering with CSS
Spice up your web apps with CSS
If your web applications contain tables, here’s an easy way to spice up those applications and make them easier to navigate. Making only a few changes to your style sheet and HTML presentation layer, we can create table rows that change color when scrolled over. For example, click the image below to examine two different … Continue reading Spice up your web apps with CSS
CSS Tutorial #5: Cascading Order and Inheritance
Introduction If you don’t understand the concepts of Order and Inheritance, you could run into some big problems with your web design that just won’t make sense. Overall, there are just 3 rules to keep in mind, which are explained below. Cascading Order The term “cascading” refers to the hierarchical order in which different style … Continue reading CSS Tutorial #5: Cascading Order and Inheritance
Easily Create Cross-Browser Compatible Cascading Style Sheets (CSS)
I have listed below several tips to ensure web pages look the same across different browsers. Keep in mind that this is in no way an all-encompassing list. These are just a few tips that I have found most useful in web design. If you use any methods which aren’t listed here, please feel free … Continue reading Easily Create Cross-Browser Compatible Cascading Style Sheets (CSS)