Vorrei ottenere un certo effetto su una tabella.
Faccio prima ad allegarvi l'immagine, che a spiegarvelo...

Il difetto è che il margine sinistro deve essere scuro. Cioè, la cella selezionata deve avere i margini top, right e left scuri!

Chiaramente se seleziono celle centrali deve funzionare lo stesso...

Ho provato e riprovato ma non trovo la soluzione:

codice:
table {
	border-collapse: collapse;
	margin:auto;
	padding:0px;
}
td {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
#ord_gruppi {
	margin:auto;
	width:95%;
	border-left:1px solid #CCCCCC;
}
.ord_gruppi_td {
	width:80px;
	background:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #777777;
	text-align:center;
}
.ord_gruppi_td_act {
	width:192px;
	background:#F8F8F8;
	border-right:1px solid #777777;
	border-top:1px solid #777777;
	text-align:center;
	font-family:verdana,arial;
	font-size:13px;
	font-weight:bold;
	color:#FF0000;
}



<div id="ord_gruppi">
	<table>
		<tr>
			<td class="ord_gruppi_td_act"></td>

			<td class="ord_gruppi_td"></td>
			<td class="ord_gruppi_td"></td>
			<td class="ord_gruppi_td"></td>
			<td class="ord_gruppi_td"></td>
			<td class="ord_gruppi_td"></td>
			<td class="ord_gruppi_td"></td>

			<td class="ord_gruppi_td"></td>
		</tr>
	</table>
</div>
Grazie
Ciao