load of tosh : CSS

Scrollable Resizable Datagrid

Tosh Meston — Thu, 16 Dec 2004 05:24:00 GMT

The Code Project has a project by Pedro Maia Costa based on an HTC we put out for a Web Team Talking article a couple years ago. NIce job, Pedro. For me one of the great benefits of writing on the web in a developer community like blogs.msdn.com is that you often get good feedback from developers running into the same sorts of problems as you. And many times you'll discover a solution that's pretty elegant. I think the best solution to make column headers fixed on an HTML table in IE is this one by SlingFive. No HTC, no script save a simple CSS expression. Simple, nice.

CSS Quiz

Tosh Meston — Sat, 11 Dec 2004 09:35:00 GMT

Here's a little CSS quiz that I found courtesy of the CSS weblog (yes, there is such a thing). I got a 19 out of 20. Apparently I messed up the index of the left and right padding values. No doubt the result of years and years of writing symmetric web pages -- so that right-to-left languages like Hebrew and Arabic look good in OWA.

Are styles illegal on COL elements?

Tosh Meston — Sun, 19 Sep 2004 22:54:00 GMT

Consider the following HTML:

IE displays the background color of the second column blue, but Firefox does not. My question for you CSS pros out there is: Is the background-color style not supported on COL elements? (or is there something I can do to make this work?)

<html>
<body>
<table cellpadding=10>
<colgroup>
   <col>
   <col style="background-color:#0000FF">
</colgroup>
<tr>
   <td>should be window color</td>
   <td>should be blue</td>
</tr>
</table>
</body>
</html>

Seeking CSS Opinions

Tosh Meston — Wed, 18 Aug 2004 06:06:00 GMT

Not quite sure what the "correct" behavior should be in the HTML below. What cursor would you expect to get when you mouse over the TD and why?

<html>
<style>
TABLE.tbl1 TD
{
cursor:hand;
}
TD.td1
{
cursor:move;
}
</style>
<body>
<table class="tbl1">
<tr>
<td class="td1">what cursor is it?</td>
</tr>
</table>
</body>
</html>