2007 August - CSS-Tricks

Archive for August, 2007

The How and Why of Clearing Floats

You’ve heard of “clearing floats”, but do you really understand it? The whole problem is that floated objects do not add to the height of the object the reside in properly. As you can see below, these divs with the class “floated_box” are within the div “main_container”, yet on the page they are outside [...]

Left Align and Right Align Text on the Same Line

It can sometimes be useful to have some text be aligned to the left and some text be aligned to the right on the same line. For example, in a footer, where you might want to have copyright info on the left and webmaster info on the right. Here is how you might want [...]

Give Your Images Space and Captions For Better Layout

You can always float your images to one side or the other and give them a bit of a margin just by giving them a class like “floatright” and declaring that class as:
.floatright {
float: right;
margin: 5px;
}
That’s fine and dandy, but let’s switch things up a bit in order to give us more control [...]

Stylesheets for Printing

Jason from 37 Signals has a great post up on the Signal vs. Noise blog on how simple print stylesheets can be and still be effective. Basically using
display: none;
enmasse. People don’t need your header or your footer or your navigation. If they are trying to print your webpage they are trying to print the content, [...]

$5,000 Scholarship Opportunity: Design a Wordpress Theme

Daniel Kovach writes in to tell us about a scholarship opportunity for students. Just design a Wordpress theme for their new website. The contestants are judged by longtime bloggers like Paul Stamatiou . The winner gets $5,000 and their theme used on the site. Entries are due by midnight on August 13th and must be [...]