CSS-Tricks PSD to HTML: You Design - We XHTML

Archive for July, 2007



At @ Rule CSS

The default way to include an external stylesheet is to use the the link tag inside your pages head:
<link rel=”stylesheet” type=”text/css” href=”default.css” />
That is a tried and true method and supports the whole spectrum of browsers from old and ancient to hip and modern. But let’s say you grow tried of the old and ancient… [...]

Expandable CSS “Note” Box

Creating vertically-expanding boxes is easy, just declare a width in your div CSS but no height. The div will expand to as large as it needs to be for the content inside. It gets a little more complicated if you want to apply styling to those boxes with images. If you want to use an [...]

HTML Declarations Screwing Up CSS

Has your CSS ever been acting funny on you, but it looks as if you’ve done everything perfectly? It just might be your HTML declarations that are screwing you up. Sometimes when you are just throwing together a little sample, you just use the <html> tag to start your page and everything works just fine. [...]

Clean Up Your CSS

Cascading Style Sheets, at its root, is intended to separate the style of a webpage from the content. That makes sense for control reasons, but also for general code beautification. Just a little browsing through the CSS Zen Garden or some of the great articles on CSS design from Smashing Magazine and you can see [...]

A Bulletproof Sticky Footer, Woohoo!

Footers on web pages are a great place to chuck copyright information, contact links, and quick navigational stuff. Visitors are trained to look to the bottom of pages to find these types of things, so why not help them out? One problem is that on pages that are a bit vertically challenged, the footer might [...]

Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.