Client-proof Columns
If you're new here, you may want to subscribe to my RSS feed.
A common problem I face regarding CMS template implementation is that the HTML/CSS is restricted to only valid code. This commonly used WYSIWYG editor boasts XHTML 1.0 output but sometimes that may not be enough for a good looking document in most browsers. When working with pixel-perfect designs, this quickly becomes a major issue. Naturally, we can all argue as to why everyone should be writing valid code; the bottom line is we’ve got to please the client whether they know how to write standards-compliant code or not. This document will go over some of the common client-related quirks we’ve uncovered and outline possible fixes using CSS and HTML.
Problems:- No
Ptag for paragraphs - Long word breaks column in IE
- List nested in
Ptag +IMGtag inside the P


(5 votes, average: 4.6 out of 5)
In this tutorial we will create a simple tabbed navigation. These tabs allow resizing, and text changing for people with vision problems, and high/low resolution monitors. These tabs also only use 1 image, and unobtrusive HTML and CSS code, lets get started!