Client-proof Columns

If you're new here, you may want to subscribe to my RSS feed.

Figure A Large

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:
  1. No P tag for paragraphs
  2. Long word breaks column in IE
  3. List nested in P tag + IMG tag inside the P
Read the rest of this entry »
1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 4.6 out of 5)
Loading ... Loading ...

Accessible Tabbed Navigation

acess-tabs.jpgIn 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!

Read the rest of this entry »
1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 4.8 out of 5)
Loading ... Loading ...