grilla

[maurimono]

Hola. no me resulta hacer un grid.

Código PHP:

  <div style="position:absolute;overflow:auto; width:400px; height:101px" > 
                    <table width="760px" class="Wide"> 
                          <tr align="center" class="Head2"> 
                                <td  width="2px"  class="HeadLine"  nowrap>N°</td> 
                                <td  width="5px"  class="HeadLine"  nowrap>Matrícula</td> 
                                <td  width="10px" class="HeadLine"  nowrap>PdC</td> 
                                <td  width="20px" class="HeadLine"  nowrap>Fecha</td> 
                                <td  width="20px" class="HeadLine"  nowrap>Hora</td> 
                                <td  width="80px" class="HeadLine"  nowrap> Importe </td> 
                                <td  width="80px" class="HeadLine"  nowrap> Tarifa </td> 
                                <td  width="80px" class="HeadLine"  nowrap> Categoría </td> 
                                <td  width="80px" class="HeadLine"  nowrap> Sentido </td> 
                                <td  width="80px" class="HeadLine"  nowrap> TAG </td> 
                            </tr> 
                    </table> 
                    <!--</div> 
                    <div id="Layer1" style="position:absolute; left:0; top:245; width:647;height:163; z-index:1; border: 1 none #000000; overflow:auto;"> -->         
                    <table width="760px" class="Wide"> 
                    <!-- AQUI ESTA LA CONEXION     --> 
                    <!-- #include file="buscador.asp"--> 
                    <% do while not rs.EOF %> 
                        <tr class="Head2"> 
                            <td nowrap class="line"><%=rs("matricula")%></td> 
                            <td nowrap class="line"><%=rs("pdc")%></td> 
                            <td nowrap class="line"><%=rs("fecha")%></td> 
                            <td nowrap class="line"><%=rs("hora")%></td> 
                            <td nowrap class="line"><%=rs("importe")%></td> 
                            <td nowrap class="line"><%=rs("tarifa")%></td> 
                            <td nowrap class="line"><%=rs("categoria")%></td> 
                            <td nowrap class="line"><%=rs("sentido")%></td> 
                            <td nowrap class="line"><%=rs("tag")%></td> 
                            <td nowrap class="Line"><%=rs("tipoDia")%></td> 
                        </tr> 
                    <% 
                    rs.movenext 
                    loop 
                    rs.close 
                    %> 
                    </table> 
                    </div>  
   

los datos lo envia en un listado, sin generar la forma de un grid. y no termino de entender que es lo que pasa.
Muchas gracias
Atte
Mauricio

[LoverFunker]

Esto en parte no pertenece a la parte de CSS.
Para hacer la forma de un grid tienes que utilizar unicamente una tabla, distinguiendo la fila de encabezado (th) del resto (td):

<table>

<!-- fila de encabezados -->
<tr>
<th>nº</th>
<th>matricula</th>
<th>PdC</th>
...
</tr>

<!-- resto de filas -->
<!-- include #file="conexion.asp" -->
<tr>
<td><%=rs("codigo")%></td>
<td><%=rs("matricula")%></td>
<td><%=rs("pdc")%></td>
...
</tr>

</table>

Para asemejarlo a un grid, basta con vincular un css con el siguiente código:
table{ border: 1px solid #000;}
td,th{ border: 1px solid #888}
th{ border-bottom: 2px solid #000; background:#ccc; color:#fff}