Join our CSS Group 

Post your questions 

I've received a fair amount of email from people needing CSS help. I figured it would be better to have those questions posted here (with answers), so everyone can benefit. So, if you have a question, post it here!

CSS and IE7 

CSS Hacks and IE7

Recently the Microsoft blog announced some of the changes we may expect for the release of the IE7 browser, perhaps in early 2006. It's very good that we are getting this advance notice, because MS is biting the bullet and cleaning up a lot of selector effects that coders are using to hack special rules for Explorer.

Using Conditional Comments

Conditional comments to the rescue! Microsoft has a browser feature called Conditional Comments, dating back to IE 5 for Windows. Conditional comments provide a method so that IE will read styles that all other browsers will ignore.

Wither the Star-HTML hack?

The follow up article to the Star-HTML hack, by the great folks at Position is Everything!

Taming Your Multiple IE Standalones

Multiple versions of Explorer for Windows on a single computer have revolutionized CSS bug testing for websites, but sadly the different IE browser windows appear identical to the eye, potentially leading to confusion and testing mistakes. Also, Microsoft's proprietary Conditional Comments don't operate properly on these standalones, making advanced usage of CC's a guessing game. These problems have now been resolved! But first, a little background regarding the standalones.

CSS Layouts 

Start with the right templates

Position Is Everything: Modern browser bugs explained in detail!

Advanced CSS demos and bug reports

Little Boxes

Workarounds for CSS browser issues.

glish.com : CSS layout techniques

A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts..

Yahoo! UI Library: Grids CSS

Grids CSS is a suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates.

Menus & Navigation 

Listamatic

Listamatic is the ultimate source for creating menus from lists. Listamatic features horizontal and vertical menus ranging from simple to complex.

Listamatic2: nested list options

Listamatic2 offers more complex, nested list options.

Free CSS Navigation Menu Designs at ExplodingBoy

ExplodingBoy, a weblog about design, music, entertainment and life features dozens of free CSS menus.

Suckerfish Dropdowns - HTML Dog

Sons of Suckerfish is a collection of articles that explain how you can best create the effects of the :hover, :active, :focus and :target CSS pseudo-classes to achieve some interesting results on just about any HTML element on just about any browser. This is most popular for creating drop down menus in your web pages.

CSS Menu Gallery

An impressive collection of CSS menus, including multi-level and experimental ones.

Dealing with Browsers 

Hiding Your CSS

When you use CSS to style your Web pages you may notice that there are certain properties that don't work as you expect in all browsers. The most common way to deal with that is to write browser-specific cascading style sheets and then use JavaScript to browswer-sniff. But you can also use bugs in t

Cross-browser styles

A stylesheet master class on how to create cross-browser CSS.

Working with Text 

CSS Tutorial: Controlling Text Appearance with CSS

In this tutorial we will look at how to control text appearance using style sheets. CSS gives you precise control over typography in your web pages, allowing you to set parameters such as the spacing between lines, words and even letters, and the alignment and indenting of text.

CSS Galleries 

CSS Beauty | CSS Design Showcase

CSS Beauty focuses on providing its audience with a database of well designed CSS based sites, as well as news and happenings on the CSS Design Community. It showcases designers work and serves as inspiration for those looking to build CSS based websites.

Stylegala - Web Design Publication

Stylegala - your daily refuel of css, web design and web standards.

CSS Drive- Categorized CSS gallery and examples.

CSS gallery, code samples, tutorials, and more.

css Zen Garden: The Beauty in CSS Design

A demonstration of what can be accomplished visually through CSS-based design.

CSS Vault : The Web's CSS Site

CSS Vault's gallery features inspiring site designs using CSS.

CSS Import | The CSS Gallery

CSS Import is one of the more frequently updated CSS gallery sites out there.

Online Learning 

W3Schools Online Web Tutorials

A huge, free collection of HTML, XHTML, CSS, JavaScript, XML, XSL, ASP, SQL, ADO and VBScript tutorials, references and examples.

westciv

Web standards resources - tutorials, software and courses for CSS, HTML/XHTML and accessibility

CSS, Accesibility and Standards Links

CSS, Accesibility and Standards Links. Holy CSS ZeldMan! These links will save you from an aneurism...Well hello there! How you doin? Probably not too good if you've made it to this page. No worries mate! Here you'll find a whole bunch of links to some of the vast resources out there.

Live Bookmarks 

Here's a live look at the latest CSS bookmarks, via Del.icio.us.

Fetching RSS feed... please stand by

Community 

Talking about CSS and web standards

css-discuss.org

css-discuss.org is a mailing list devoted to talking about CSS and ways to use it in the real world; in other words, practical uses and applications. While theory and ideas for the future are interesting, they do interfere

Web Standards Group - Discussion List

The Web Standards Group is for web designers & developers who are interested in web standards (HTML, XHTML, XML, CSS, XSLT etc.) and best practices (accessible sites using valid and semantically correct code).

CSS Creator Forum Index

CSS forum, help with development of cascading style sheets, find fixes to your style problems

Babble List, the Web design and Web development mailing list

The Web design and development mailing list dealing with information architecture to graphic design to business practices.

WebDesign-L.com

WebDesign-L is a mailing list community created in early 1997. The list is intended as a forum for those involved in creating the Web.

Test, Test, Test! 

Tools for testing and validating your web pages

Web Developer Extension

The Web Developer extension for Firefox and Mozilla. The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. This is a MUST for all web designers and developers.

The W3C Markup Validation Service

W3C's easy-to-use HTML validation service.

The W3C CSS Validation Service

The W3C CSS Validation Service; a free service that checks Cascading Style Sheets (CSS) in (X)HTML documents or standalone for conformance to W3C recommendations.

The Gurus 

A list of some of the leading minds on CSS and web standards

meyerweb.com

Eric Meyer has been working with the Web since late 1993 and is an internationally recognized expert on the subjects of HTML and Cascading Style Sheets (CSS).

Jeffrey Zeldman Presents The Daily Report

CSS, XHTML, front end design. Jeffrey Zeldman Presents The Daily Report: web design news and information since 1995.

SimpleBits

Hand-crafted web sites, pixels and text by Dan Cederholm.

mezzoblue § design, typography, and the web: live from vancouver, b.c., canada

mezzoblue: the semi-daily weblog of dave shea, a web designer in vancouver, b.c., canada.

Books on Web Standards 

CSS Web Site Design Hands...

The Zen of CSS Design: Vi...

Bulletproof Web Design: I...

Eric Meyer on CSS: Master...

More Eric Meyer on CSS (V...