Archive for the ‘HTML, XHTML’ Category

Designing with Web Standards

Wednesday, December 21st, 2005

If your HTML/XHTML and CSS is still not standards compliant and are still struggling to decide whether it’s worth it or not then “Designing with Web Standards” by Jeffrey Zeldman is an essential reading.

This book was recommended by my professor at NYU when I took the class on “Web Development with CSS and XHTML”. Finally, I found time to read this book. Since I have been using XHTML since about one year and a half, I found myself skipping through most of the content. The most useful part for me in this book was the resources on accessibility. I read that part very carefully and is now a must in all websites I code. So, it was worth reading this book.

How to Create Table With First Column Frozen?

Monday, December 12th, 2005

Here is a HTML technique that can be used to create a table for data such that we can freeze the first column and add a scrollbar for rest of the columns as illustrated below.

Heading
Heading
Heading
This is a long Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
 
Heading Heading Heading Heading Heading Heading Heading Heading Heading
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx

(more…)

Internet Explorer (IE) Scrollbar Color Guide

Saturday, November 19th, 2005

It is possible to change the scrollbar colors in Internet Explorer (IE). Here is a guide for changing scrollbar colors in Internet Explorer using CSS.

To do so, specify following style in the StyleSheet:

body {
scrollbar-highlight-color: #F00808;
scrollbar-3dlight-color: #F5ED07;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #2308F0;
scrollbar-track-color: #808080;
scrollbar-darkshadow-color: #0F600D;
}

Scrollbar Color Guide

This will change the colors for the scrollbar of Internet Explorer browser. (more…)

Positioning Footer at the bottom of the Browser

Wednesday, November 2nd, 2005

Here is an example for how to position the footer at the bottom of the browser using CSS. In the following examples, footer will always stay at the bottom of the browser irrespective of the amount of the content.

Footer at the bottom of the browser with long content

Footer at the bottom of the browser with short content

(more…)

How to Make the Background of a Div Semi-Transparent?

Monday, October 31st, 2005

If you look below, the light gray div over the darker one is transparent. As a result, the content inside the darker gray div shows up through the light gray div over it. This capability can enable us to create really attractive designs. It’s really simple to do it. If you are interested, just read along.
(more…)