Zebra Rows | Sandbox | Ryan Brill

« Back to article (Multiple Classes in IE)

This demo has been put together to illustrate how using multiple classes falls apart in IE6.

Demo Table

Network: Friends	alex	5/28/2007 at 12:30 pm
Plans for today	adambrill	5/21/2007 at 01:50 pm
Check out my group	Kev	5/21/2007 at 01:49 pm
PHP developers: code review	heygrady	5/21/2007 at 09:34 pm
Meeting today	Damien	5/17/2007 at 01:28 pm

HTML Code

<table>
	<tr class="alt selected">
		<td>...</td>
	</tr>
	<tr class="selected">
		<td>...</td>
	</tr>
	<tr class="alt">
		<td>...</td>
	</tr>
	<tr>
		<td>...</td>
	</tr>
	<tr class="alt">
		<td>...</td>
	</tr>
</table>

CSS Code

tr td { background-color: #fff; }
tr.alt td {background-color: #f0f6f9;}
tr.selected td { background-color: #d3edfb; }
tr.alt.selected td { background-color: #b1dff7; }

« Back to article (Multiple Classes in IE)