Estilo a GRID en HTML y PHP Elabore un GRID con HTML y PHP, aqui esta el codigo:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Listado de Productos</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css" />
<link rel="stylesheet" type="text/css" href="css/paginacion.css" />
</head>
<body>
<?php
include("conex.php");
$cantidad = "SELECT COUNT(*) FROM dpinv";
$resultado = mysql_query($cantidad);
$total = mysql_result($resultado, 0, 0);
?>
<div align="center"><strong> RESULTADO DE LA BUSQUEDA</strong> </div>
<div align="center"><strong> LISTADO DE PRODUCTOS</strong> </div>
<div align="center"> SE ENCONTRARON <strong> <?php echo $total ?> </strong> REGISTROS </div>
<?php
$registros_por_pagina = 30;//Cantidad de registros que se mostraran por pagina
$total_paginas = ceil($total / $registros_por_pagina);//Numero total de paginas
$pagina = intval($_GET['p']);//Pagina actual
if ($pagina < 1 || $pagina > $total_paginas) $pagina = 1;
$offset = ($pagina - 1) * $registros_por_pagina;//posicion
$limite = " LIMIT $offset, $registros_por_pagina";//sentencia SQL que limita los registros
//Aqui termina la paginacion
$result=mysql_query("SELECT inv_filbmp,inv_codigo,inv_descri,inv_fchcre,inv_grupo,inv_estado FROM dpinv $limite");
//Quiery de Consulta
$resultado = $result;
function detalles ()
{
}
?>
<div align="center"><p>
<table cellpadding="0" cellspacing="0" border = '0' align="center" style="width:85%;border:1px solid white ;font-size:14px">
<tr class="fondo">
<td class="tabla" width="200" align="center">Imagen</td>
<td class="tabla" align="center">Codigo</td>
<td class="tabla" width="320" align="center">Descripción</td>
<td class="tabla" align="center">Fecha de Creación</td>
<td class="tabla" align="center">Grupo</td>
<td class="tabla" align="center">Estado</td>
</tr>
<?php
//Mostramos los registros
while ($row = mysql_fetch_array($resultado))
{
echo '<tr><td><a href="detalle.php?inv_codigo='.$row['1'].'"><img src = "'.$row['0'].'"width="190" height="150"/></a></td><td align="center">'.$row['1'].
'</td><td>'.$row['2'].'</td><td align="center">'.$row['3'].'</td><td align="center">'.$row['4'].
'</td><td align="center">'.$row['5'].'</td></tr>';
}
$display_pages=10;//Numero de links para paginas que se mostraran
echo "<a title='Inicio' id='paginado' href='?p=1'> << Inicio </a> ";//Inicio
if ($pagina>1) echo "</a><a title='Anterior' id='paginado' href='?p=".($pagina-1)."'> << Anterior </a> "; //Anterior
for ($i = $pagina; $i <= $total_paginas && $i <= ($pagina+$display_pages); $i++) {
if ($i == $pagina) {
echo "<strong id='paginado'>$i </strong> ";
}
else {
echo "</a><a title='pagina $i' id='paginado' href='?p=$i'>$i</a> ";
}
}
if (($pagina+$display_pages)< $total_paginas) echo "...";
if ($pagina<$total_paginas) echo "<a title='Siguiente' id='paginado' href='?p=".($pagina+1)."'> Siguiente >> ";//Siguiente
echo "<a title='Ultimo' id='paginado' href='?p=$total_paginas'> Ultimo >> </a>";//Ultima pagina
mysql_free_result($result);
?>
</table>
<p>
<?php
$display_pages=10;//Numero de links para paginas que se mostraran
echo "<a title='Inicio' id='paginado' href='?p=1'><< Inicio </a> ";//Inicio
if ($pagina>1) echo "</a><a title='Anterior' id='paginado' href='?p=".($pagina-1)."'> << Anterior </a> "; //Anterior
for ($i = $pagina; $i <= $total_paginas && $i <= ($pagina+$display_pages); $i++) {
if ($i == $pagina) {
echo "<strong id='paginado'>$i </strong>";
}
else {
echo "</a><a title='page $i' id='paginado' href='?p=$i'>$i</a> ";
}
}
if (($pagina+$display_pages)< $total_paginas) echo "...";
if ($pagina<$total_paginas) echo "<a title='Siguiente' id='paginado' href='?p=".($pagina+1)."'> Siguiente >> ";//Siguiente
echo "<a title='Ultimo' id='paginado' href='?p=$total_paginas'> Ultimo >> </a>";//Ultima pagina
?>
</p>
</div>
<div align="center"></div>
</body>
</html> Mi problema es la apariencia, como hago darle un estilo al ecabezado y a la informacion otro estilo, yo quisiera que los datos que me mostrara el GRID me aparezca una linea con color de fondo GRIS y la Siguiente en BLANCO y asi sucesivamente.
He buscado informacion y aun no consigo nada y he intentado por mi mismo y no doy con lo que quiero.
Espero pueda ayudarme y me haya explicado bien
Saludos
