Archive for the ‘Cascading Style Sheets’ Category

Twitaway: The Art & Science of CSS

20, Nov 2008

In the early days of CSS, many web designers associated it with boring, square boxes and thin borders. “CSS is ugly!” they would cry. It took projects such as CSS Edge1 and CSS Zen Garden2 to show the web design world that not only could CSS designs achieve the same aesthetic qualities of their table-based [...]

Table-less layout: aligning form elements

29, Sep 2008

With PWAG‘s recommendation on web accessibility in mind and trying to get higher page rank in search engines, as a web designer we are responsible for making our web pages comply with accessibility standards. In this post, I’ll show you a simple way to align form elements using cascading style sheet. We need first to [...]

Table-less layout anyone?

26, Sep 2008

The above layout can simply be achieved by defining an outer div class of fixed width and separate inheriting classes for each column. We chose to define separate class for the three columns so that we have the leverage to further subdivide each div. Below is a sample CSS definition and HTML equivalent code of the given example.


top