Posts Tagged ‘CSS’

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…)

Sams Teach Yourself CSS in 24 Hours

Friday, November 11th, 2005

This is the first CSS book I read. Indeed, in about 24 hours I had a pretty good idea of how to use CSS. During the early days when I was still learning CSS, this book was my CSS bible. I recommend this book to anyone who wants to get a quick basic idea of how to use CSS. It is easy to read and understand. This book is just the first step towards learning CSS.

When I got a job at ECommerce Partners, they asked me to learn how to use stylesheets. So, I had just two days before I started work to learn how to use stylesheets. This book helped me to start developing websites using CSS stylesheets. I was fascinated by some of the styles this book recommended such as how to create text shadow using stylesheets. I loved it.

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…)