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.
|
|
Welcome to my blog! This is where I write my thoughts on various issues such as meditation, books I have enjoyed, website development, being a mother and so on. If you are interested in a particular topic, then check the section under categories. I hope you will find something here that might interest you. So, sit back and read along.
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.
|
|
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;
}

This will change the colors for the scrollbar of Internet Explorer browser. (more…)
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.
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
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…)