Esto es facil de hacer, creando un class, al que llamaremos “alt”, y que se alternara una linea si, una no.
Aqui muestro el codigo HTML de la tabla:

Comentarios

Numero
Comentario
Escrito por
Fecha y hora


1
Hola! te gusta mi tabla?
Mikel
15/05/08


2
Si! es muy bonita.
Javier
07/06/09


3
Gracias! Lo que mas me gusta es que se alternen los colores entre las lineas
Javier
17/07/09

Resulta interesante la sombra que tiene la tabla. Esto se hace con CSS, pero tendremos que hacer en nuestro HTML lo siguiente:

Este class=”shadow” en CSS sera asi:

	.shadow {
		background: #919191;
	}

	table {
		position: relative;
		top: -4px;
		left: -4px;
		width: 100%;
		border: 1px solid #000;
		background: #FFF;
	}

Tambien queda bien alternar entre las lineas, dos colores, una linea de cada. esto se hace asi, aplicando una linea si, uno no el estilo alt:

table tr {
	background: #99CCFF;
}

table tr.alt {
	background: #66CCFF;
}

Como en esto de la programacion siempre se puede rizar mas el rizo, porque no automatizar la alternancia entre lineas? Esto seria relativamente facil con un poco de PHP, si nos acordamos, en la seccion de Header & Footer, utilizabamos algo de PHP para asignar, en funcion de unas circustancias, el class=”active” para que se mostrara la pestana activa. Pues bien, ahora asignar un class=”alt” no sera mucho mas dificil, eso si, las circustacias seran en este caso… se me ocurre, ya que tiene que ser una si, una no, si el numero de linea es par, le asignamos el class=”alt”. Veamos:

		






)')?>

 $title) { /*rollover del menu de arriba*/ ?>
class="active">


')?>