ou do not need advanced PHP scripting or XML data to create a web graph. All you need is simple CSS and HTML. You can use graphs to display data more illustratively. This tutorial is going to show you how to take boring data in a table and display it in a bar graph. The […]
While many would say that you should underline hyperlinks (using text-decoration:underline;), we think otherwise. Instead of using the underline feature that is standard in hyperlinks, you should use a bottom border. The reason for this is from a readability standpoint. If you use the standard underline, the line will be cutting through the descenders of […]
With very simple CSS coding, you can create ‘alert’ or message boxes within your paragraphs to highlight important information. This is particularly useful for tutorial sites and documentation. A quick and useful way of beautifying your content are alert boxes, which are becoming more and more common on the web. Alert boxes quickly highlight important […]
A valid and semantic approach to display products using a definition list
Here’s a little CSS trick I started using a while ago that has really helped me to achieve pixel precision when converting Photoshop PSD (or Fireworks PNG or whatever) design comps into (X)HTML and CSS web standards goodness. The idea is to take the page you’re developing in HTML and CSS and overlay it on […]
A CSS side bar menu consisting of H3 headers and list based menu links. It’s nonchalant greyish theme blends right in with most designs easily.
These sliding doors based blue tinted tabs “jump up” when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab. The selected tab is first stretched vertically by giving it a thick bottom padding, then plucked out thanks to the CSS […]
In this podcast you will learn how to use a single image and css/xhtml to make an easy rollover button to use on your website.
No div, no float, no clear, no hack, no joke! A CSS layout that does not use DIV, FLOAT, CLEAR nor structural HACK!
You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags + 1 image + one CSS file . At least it’s tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9.
Fortunately, Internet Explorer 7 supports border-color: transparent, but still, there are hardcore IE6 users and it seems that they will never update their browsers. This post is targetted to the developers that care and dare to make their websites crossbrowser. Thanks to a less known Interner Explorer CSS filter, the transparent border in Internet Explorer […]