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

Archive for December, 2007



Have you ever seen this?

Read Kevin writes in:
A css file will have something like…
background:url(../images/topheader.htm) top left no-repeat;
…where topheader.htm is just an empty file. In this same directory is a jpg named topheader.jpg. How does this work? Why is it done this way?
Yes, I have seen that before. I have no idea how it works or why it’s done. I [...]

Super Simple Two Column Layout

Reader Blake writes in:
What I’m trying to do is a fairly standard 3 section layout. The header needs to be 75 pixels in height and 100% in width. Below that, I need a sidebar section 160px wide and a main content block that fills up the rest of the width. So far, fairly standard… nothing [...]

ID Your Body For Greater CSS Control and Specificity

Let’s say you want to change the color of your links on just your contact page to red. They are blue on every other page, but it just makes sense for them to be red on your contact page (for some reason). There are a couple ways you could go about this.

You could declare [...]

Rate Your CSS Skill Level: Final Version & Poll

There was lots of great feedback from the rough draft model of the CSS Skill Levels. I have tried to take everyones ideas into account and rework things. The biggest consensus was that there needs to be another level between either 3 & 4, or 4 & 5. My solutions was to expand to a [...]

Links of Interest

Link Value Factors

Wiep.net has a really interesting and comprehensive look at how the value of links are determined. Of course there is now way to really know, so each factor is valued by a “wisdom of the crowds” approach. The crowd in the case being a group of SEO experts.
 
47+ Excellent Ajax CSS Forms

Noupe has [...]

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.