Foros del Web » Creando para Internet » HTML »

(Tablas) Columnas de ancho fijo

Estas en el tema de (Tablas) Columnas de ancho fijo en el foro de HTML en Foros del Web. Hola y grácias de antemano. Mi consulta es la siguiente. Quiero montar una tabla tal y como se muestra en el código del final en ...
  #1 (permalink)  
Antiguo 05/12/2007, 11:21
 
Fecha de Ingreso: octubre-2006
Mensajes: 7
Antigüedad: 11 años, 2 meses
Puntos: 0
Pregunta (Tablas) Columnas de ancho fijo

Hola y grácias de antemano. Mi consulta es la siguiente. Quiero montar una tabla tal y como se muestra en el código del final en la que se visualizen los meses, dias del año, y unos valores según el dia/mes. En fin, el problema que tengo es que claro al ser variables los datos, los anchos de las celdas ( que contienen el   ) hacen que el encolumnado lógico del listado se "vaya al garete".
He probado con el Width en cada <td>, tipos de letra como el "monospaced", diferentes navegadores, etc. sin resultado alguno.

Espero vuestra ayuda y grácias nuevamente.

El código de ejemplo: ( sin width ni nada, a pelo )

<html>
<body>
<table>
<tr>
<td valign="middle" >Gen</td>
<td>
<table cellspacing="1" cellpadding="0">
<tr> <td >Dl</td>
<td >Dm</td>
<td >Dc</td>
<td >Dj</td>
<td >Dv</td>
<td >Ds</td>
<td >Du</td>
</tr>
<tr>
<td >1</td>
<td >2</td>
<td >3</td>
<td >4</td>
<td >5</td>
<td >6</td>
<td >7</td>
</tr>
<tr>
<td >08:00</td>
<td >08:00</td>
<td >&nbsp;</td>
<td >08:00</td>
<td >&nbsp;</td>
<td >&nbsp;</td>
<td >&nbsp;</td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="middle" >Feb</td>
<td>
<table cellspacing="1" cellpadding="0">
<tr>
<td >Dl</td>
<td >Dm</td>
<td >Dc</td>
<td >Dj</td>
<td >Dv</td>
<td >Ds</td>
<td >Du</td>
</tr>
<tr>
<td >&nbsp;</td>
<td >&nbsp;</td>
<td >&nbsp;</td>
<td >1</td>
<td >2</td>
<td >3</td>
<td >4</td>
</tr>
<tr>
<td >&nbsp;</td>
<td >&nbsp;</td>
<td >&nbsp;</td>
<td >08:00</td>
<td >&nbsp;</td>
<td >&nbsp;</td><td >&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
  #2 (permalink)  
Antiguo 05/12/2007, 12:22
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: (Tablas) Columnas de ancho fijo

Puedes especificar que es una tabla fija con el style="table-layout:fixed;"
y luego especificar el ancho de cada columna con los tags "col".
Mira el ejemplo, y si no cabes CSS te recomiendo que aprendas, te será muy útil:




<html>
<head>
<style type="text/css">
.tablaDias { table-layout:fixed; }
td { padding: 2px 2px 2px 2px; text-align-center; }
.columnaDia { width: 40px; }
</style>
</head>
<body>
<table border="1">
<tr>
<td valign="middle" >Gen</td>
<td>
<!--
<table cellspacing="1" cellpadding="0" border="1">
-->
<table class="tablaDias">
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>

<tr>
<td >Dl</td>
<td >Dm</td>
<td >Dc</td>
<td >Dj</td>
<td >Dv</td>
<td >Ds</td>
<td >Du</td>
</tr>
<tr>
<td >1</td>
<td >2</td>
<td >3</td>
<td >4</td>
<td >5</td>
<td >6</td>
<td >7</td>
</tr>
<tr>
<td >08:00</td>
<td >08:00</td>
<td ></td>
<td >08:00</td>
<td ></td>
<td ></td>
<td ></td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="middle" >Feb</td>
<td>
<!--
<table cellspacing="1" cellpadding="0" border="1">
-->
<table class="tablaDias">
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<col class="columnaDia"/>
<tr>
<td >Dl</td>
<td >Dm</td>
<td >Dc</td>
<td >Dj</td>
<td >Dv</td>
<td >Ds</td>
<td >Du</td>
</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
<td >1</td>
<td >2</td>
<td >3</td>
<td >4</td>
</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
<td >08:00</td>
<td ></td>
<td ></td><td ></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
  #3 (permalink)  
Antiguo 05/12/2007, 22:45
 
Fecha de Ingreso: octubre-2006
Mensajes: 7
Antigüedad: 11 años, 2 meses
Puntos: 0
Re: (Tablas) Columnas de ancho fijo

Perfecto grácias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:10.