Comments on: Table showcase site

By: Karl Pearson-Cater

Karl Pearson-Cater — Thu, 29 Oct 2009 21:20:01 +0000

Nice design!

By: Stuart Colville

Stuart Colville — Mon, 10 Aug 2009 08:16:35 +0000

Images are available from here: http://muffinresearch.co.uk/code/xhtmlandcss/tableshow/

By: John Brand

John Brand — Sun, 09 Aug 2009 23:25:47 +0000

I think the hover problem could also be that the images used for the background are not downloaded with the CSS. Where should they be downloaded from?

By: Terry

Terry — Fri, 22 May 2009 02:36:19 +0000

Hi Stuart. Looking at your theme on the CSS Table Gallery the hovering works great. When I try to use this theme myself, I cant seem to get the hover to work? It seems simple, you have the tag, and then just a tag. What could be causing the hover not to work? It cant be an IE 7 issue as it works fine on the table gallery?

By: Stuart Colville

Stuart Colville — Sat, 01 Mar 2008 11:31:11 +0000

@Dan: Yes that’s right. You simply need to set a class on the tr onmouseover.

There’s a script here, to give you an idea of how it’s done: http://www.htmldog.com/articles/suckerfish/dropdowns/

By: Dan

Dan — Fri, 29 Feb 2008 16:05:09 +0000

@Stuart: thanks. is there any way to use the javascript hover function you had shown above to only use TR’s that have class=”hover” or something like that. Wouldn’t doing that fix the problem?

By: Stuart Colville

Stuart Colville — Thu, 28 Feb 2008 09:18:10 +0000

@Dan: the hover pseudo-class is not supported in IE versions prior to 7 on anything other than anchor elements (a).

To replicate the hover you would have to use javascript to set an additional class on mouseover. However you could also look at it from the perspective that if someone chooses to use IE they will miss out on that specific enhancement.

By: Dan

Dan — Wed, 27 Feb 2008 19:26:41 +0000

more specifically speaking, the hover function is the only function that does not work

By: Dan

Dan — Wed, 27 Feb 2008 19:15:15 +0000

using the above fix for IE rendering, how would I make it so that I can have two data tables with different styles? eg. one is ‘normal’ (without css) the other is ‘grey suits you sir’. I’ve tried giving all td/tr’s in the grey suits you a class name in the html code and the same in the CSS. Though I’m not sure how to give a class name to something such as “thead th”, “tbody tr td”, “tbody tr:hover”, “tbody tr.hoverfix td”. Giving class names to all else it doesn’t seem to fix it the problem of grey’s CSS code being applied to the table that I want to look normal, would that be the javascript that is interfering? Could you provide an example?

By: Scheiro

Scheiro — Sun, 16 Sep 2007 19:35:29 +0000

Thanks Stuart for tables ! CCS works fine and the design of the tables looks very nice.