Table nav (Centurion color options)

by agib

HTML

<table>
	<tr>
		<td class="active" rowspan="2">Mat Grå</td>
		<td class="active column2">&nbsp;</td>
	</tr>
	<tr>
		<td class="column2">&nbsp;</td>
	</tr>
	<tr>
		<td rowspan="2">Sort</td>
		<td class="column2">&nbsp;</td>
	</tr>
	<tr>
		<td class="column2">&nbsp;</td>
	</tr>
	<tr>
		<td rowspan="2">Metal Grøn</td>
		<td class="column2">&nbsp;</td>
	</tr>
	<tr>
		<td class="column2">&nbsp;</td>
	</tr>
</table>

CSS

body { font-family: Arial; color:#777; }
table {  width: 100%; table-layout:fixed; margin:2em; border-collapse: collapse;  border-spacing: 0;  }
table td { border: 1px solid #CCC; padding:0.5em; margin:0; text-align:center }
table td:not([colspan="2"]) { border-right: none; }

td.active { background-color: #E5E5E5; border-left:none; color: #444; }
td.column2 { border-right:none; }