Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/05/2012, 15:55
coper_8888
 
Fecha de Ingreso: mayo-2012
Mensajes: 11
Antigüedad: 12 años
Puntos: 0
problemas con un xml convertido a html

Buenas, tengo un problema con un documento xml que lo estoy convirtiendo a html mediante xsl.

El xml lo tengo bien formado y demás, el problema viene porque el contenido del documento xml lo tengo que representar en una tabla. Hasta aquí bien, pero la tabla debe tener efecto cebra, entonces cuando creo las dos clases para definir el aspecto de cada fila de la tabla me ocurre que no se muy bien como hacerlo para que no me destroce el aspecto.

Mejor lo comento con el código, este es el documento xsl:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
version="1.0">

<xsl:template match="/">

<html>
<head>
<title>Elementos de mi Ferreteria</title>
<style type="text/css">

H1.centro{

outline: black 2px solid;
margin: 0 auto;
width: 577px;
}
table tbody tr.claro{ background-color: #F7F7F7;}[/COLOR]
table tbody tr.oscuro{ background-color: #DFE8FF;}


</style>
</head>
<body>
<h1 class="centro" align="center"><u>Elementos de mi Ferreteria</u></h1><br/>

<table class="zebra" rules="all" style="border : 2px solid black" align="center" width="581px">

<tr style="color : black; background-color : silver;">
<th style="border : 1px gray;"><u>PRODUCTO</u></th>
<th style="border : 1px solid gray;"><u>MODELO</u></th>
<th style="border : 1px solid gray;"><u>PROVEEDOR</u></th>
<th style="border : 1px solid gray;"><u>IMAGEN</u></th>
</tr>

<xsl:for-each select="ALMACEN_FERRETERIA/HERRAMIENTA">

<tbody>
<tr>
<td align="center" width="131px" height="78px"><xsl:value-of select="producto"/></td>
<td align="center" width="131px" height="78px"><xsl:value-of select="modelo"/></td>
<td align="center" width="131px" height="78px"><xsl:value-of select="proveedor"/></td>
<td align="center" width="131px" height="78px">
<img>
<xsl:attribute name="src">
<xsl:value-of select="imagen"/>
</xsl:attribute>
</img>
</td>
</tr>
</tbody>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

Como se puede ver he creado dos clases una para definir el color oscuro y otro el claro de cada fila.
Entonces no se muy bien que cambios tengo que hacer para poder definir estas dos clases y que cada fila de la tabla se muestre de un color distinto, alternado el color en cada fila.
Así como lo tengo construido, solo puedo definir una clase en el tr, pero aparece toda la tabla del mismo color.

Si alguien puede echarme una mano se lo agradecería.

Un saludo y gracias!!