Whatever:hover. Hi there! This script is from 2003, and targets a flaw in IE6, which at its peak was a really popuplar browser. Today (oct 2011) it no longer is, and as such this script should not really be necessary anymore. Please try to convice your client, project manager or boss, that not every browser needs to display a website the exact same way; it is the content that matters.
And if you really still need to support IE6, don't use :hover for interaction. This page (and script) will stay here for old times' sake. updated: november 15, 2009 (changes) Whatever:hover 3.11 Most modern browsers support the :hover selector for any html element. Whatever:hover is a small script that automatically patches :hover, :active and :focus for IE6, IE7 and IE8 quirks, letting you use them like you would in any other browser. If you're already familiar with whatever:hover and just want to download it, scroll down and grab the latest version. Getting it to work How do I use it? IE only behaviours How does it work? HTML Tutorial.
CSS Tutorial. CSS - Conditional comments. Page last changed today Conditional comments only work in IE, and are thus excellently suited to give special instructions meant only for IE. They are supported from IE 5 up until IE9 (inclusive). Older IE versions frequently need some extra CSS in order to show your pages right. Conditional comments are the best way to add this CSS, since the system is explicitly designed for this use case. If you need special styles for IE10 or up you’ll have to find another method, since conditional comments were disabled in IE10.
Conditional comments work as follows: <! Their basic structure is the same as an HTML comment (<! Below I added a lot of conditional comments that print out messages according to your IE version. Note that conditional comments were removed from IE10, so IE10 and up will not understand the test. Below are a few conditional comments that reveal the IE version you're using. According to the conditional comment this is not IE 5-9 The syntax I use is: <p class="accent"><! <! This is IE. How Do I Make a Full Table Row Clickable? Update 7/28/2010: I just wrote a new version of this article using jQuery.
You can find the new article here. It's a common scenario to display an HTML table with items, like products, employees and so on, and then link each item to a detail page where you can display the full details of this item. The link is often represented by a button or text link in one of the columns. But to make it easier for your users to select a specific item, you could make the full row clickable. Often when people try to implement this behavior, they try to add an HTML link to each table cell, like this: <table><tr><td><a href="Details.asp">John</a></td><td><a href="Details.asp">Doe</a></td></tr></table> The disadvantage of this method is that not the entire table cell is linked, but just the text in that cell. To make the full row selectable, you should add the link to the <tr> instead of to individual table cells.
<! On each <tr> element I have added the onclick attribute that calls the DoNav method.