Common CSS Issue Resolution

NetTuts has a good look into 5 common css issues and how to resolve them easily and quickly. The five css issues are:

  • Why are my styles not effective?
  • The difference between relative and absolute positioning
  • Internet Explorer 6 double margin issue
  • Specific selector issues
  • Testing your site in multiple browsers

As always, if you run into trouble, post your questions in our CSS help forum.

The Beginner’s Guide to CSS Video

Videojug has put together a simple video about what CSS is and how to use it. It’s just the really simple basics but still worth a view. And if you have questions, stop by our CSS help forum.

A Simple Introduction to CSS

First of all, to dispel any misinformation that is apparently still going around on the Internet (and, I, too, once believed this when I was first introduced to CSS), CSS is not capable of inserting content into your pages. CSS cannot be used to create headers and/or footers to be used on every page of your site.

For those of you looking for ways to use the same menu on every page of your site, and keep that menu in a single location so that it’s easy to update, CSS won’t do that for you. That’s what server side includes are for, actually. Server side includes can be used with pure HTML (provided that includes are enabled on your server), with PHP, Perl, ASP or basically any other server-side language.

In fact, CSS does almost the opposite. CSS is intended to separate the content from the design within a Web site. CSS is strictly intended to facilitate the “look” of the pages on your Web site. No content is interpreted from CSS.

Now, for the quick lesson on how CSS works.

First of all, we should examine the name. CSS is an abbreviation of the phrase “cascading style sheets”. Let’s pick that apart for a moment.

items that overlap, with each new item taking precedence over the previous
refers to the particular look or appearance of a specific item
figuratively, this is intended to refer to a collection of items gathered together in a single location, like a sheet of music

The Definitive Guide To Stylesheet Planning

The more we rely upon CSS, the larger and more complex stylesheet files become. Planning and organising your stylesheet is essential to creating a lean, manageable website. There are many ways of organising CSS code but the following are best practice…

Comment your stylesheet

Commenting your stylesheet makes it much easier to find the information or the commands you’re looking for.

AJAX Accessibility for Websites

AJAX or Asynchronous JavaScript and XML, is an innovative way of using existing technologies to create highly interactive web applications. AJAX allows portions of the page to be updated without having to refresh and reload the entire page. It can increase site performance significantly and provide cutting edge user interfaces. Unfortunately it can also be a source of concern for delivering fully accessible web sites.

What CSS Level Are You?

Dallas Freeman has a post today describing a variety of CSS coder levels. Which one do you most closely resemble?

I would say that I am between a 4 and a 5. Here is the spec for a CSS Coder Level 4:

I have designed and coded a large number of CSS web sites. I can convert a design from any format into a CSS layout: Photoshop, Illustrator, napkin drawings, etc.

  • I am completely comfortable writing and editing CSS by hand.
  • I have a strong understanding of the cascading part of CSS. Particularly how some some CSS properties do, some don’t, and some depend on how the value is declared.
  • I have a solid understanding of cross-browser CSS. I know how to use browser specific CSS statements and delclare browser specific stylesheets.
  • I know and have tried some CSS hacks and understand the advantages and disadvantages of using them.
  • I have a strong understanding of the different sizing values available in CSS (e.g. em, px, %, pt, “small”, etc.) and in what situations each make the most sense.
  • I can quickly troubleshoot and solve CSS problems.
  • I have a great collection of tools and resources at my disposal for inspiration, debugging, or reference.