FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Temas de Hoy |
|
Herramientas | Buscar en Tema | Desplegado |
|
#1
|
||||
|
||||
Columnas y hojas de estilo
Hola,
¿Cuál se supone que es la forma correcta de dar estilo a las columnas de una tabla html? Si uso la etiqueta <col>, no todos los atributos se ven reflejados, al menos en FF, en IE parece que sí. Por ejemplo, FF acepta el color de fondo, pero no el color de texto ni la alineación. ¿Hay algún remedio que no sea enlazar cada una de las celdas de la columna a un estilo dado? // Gracias |
#2
|
||||
|
||||
Hola,
Disculpa Román, pero, yo no he sido nunca muy bueno con las tablas HTML, de hecho acabo de conocer (creo) la etiqueta "COL", y así me cuesta un tanto hacerme a la idea de las etiquetas que compondrían la tabla a la que quieres aplicar cierto estilo. ¿Sería posible que pusieras aquí el código HTML de la tabla (o parte de ella, una buena representación)? Porque me parece que tal vez así podría echarte una mano, lo digo, claro está, o al menos lo intentaría. |
#3
|
||||
|
||||
La tabla puede ser cualquiera, por ejemplo:
Código:
<table id='beatles'> <tr> <th>id</th><th>nombre</th> </tr> <tr> <td>1</td><td>john</td> </tr> <tr> <td>2</td><td>george</td> </tr> <tr> <td>3</td><td>paul</td> </tr> <tr> <td>4</td><td>ringo</td> </tr> </table> Código:
#beatles { border-collapse: collapse; border: none; } #beatles th,td { border: 1px solid silver; } Pero esto da el aspecto general de todas las celdas. Si queremos, por ejemplo, dar un formato particular a una fila, podríamos hacerlo así: Código:
<table id='beatles'> <tr> <th>id</th><th>nombre</th> </tr> <tr> <td>1</td><td>john</td> </tr> <tr class='george'> <td>2</td><td>george</td> </tr> <tr> <td>3</td><td>paul</td> </tr> <tr> <td>4</td><td>ringo</td> </tr> </table> Código:
#beatles tr.george { background-color: yellow; color: red; text-align: right; } Pero, ¿qué pasa para las columnas? No es nada extraño querer dar un formato particular a una columna. En principio se supondría que para eso esta <col>. Por ejemplo: Código:
<table id='beatles'> <col class='numero'> <tr> <th>id</th><th>nombre</th> </tr> <tr> <td>1</td><td>john</td> </tr> <tr> <td>2</td><td>george</td> </tr> <tr> <td>3</td><td>paul</td> </tr> <tr> <td>4</td><td>ringo</td> </tr> </table> Código:
#beatles col.numero { background-color: yellow; color: red; text-align: right; } Así sucede en IE, pero FF sólo toma en cuenta el color de fondo. ¿Qué queda entonces? ¿Poner formato en cada celda: Código:
<table id='beatles'> <tr> <th>id</th><th>nombre</th> </tr> <tr> <td class='numero'>1</td><td>john</td> </tr> <tr> <td class='numero'>2</td><td>george</td> </tr> <tr> <td class='numero'>3</td><td>paul</td> </tr> <tr> <td class='numero'>4</td><td>ringo</td> </tr> </table> ¿Me explico? // Saludos |
#4
|
||||
|
||||
Solo decirte que en el Opera (el que uso yo) tampoco se puede cambiar el color de la fuente con <col>.
He estado buscando por google y encontre una posible explicacion a este comportamiento http://ln.hixie.ch/?start=1070385285&count=1 |
#5
|
||||
|
||||
Gracias seoane. Interesante lectura. Aunque siempre es de notar ese argumento de: en IE se ve bien porque en realidad IE está mal.
// Saludos |
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
Agregar hojas en qreport | david duarte | Impresión | 15 | 22-11-2005 20:36:51 |
Hojas de estilo en PHP | roman | PHP | 3 | 12-04-2005 16:07:05 |
Reporte de 2 hojas | Carlex | Impresión | 5 | 07-05-2004 02:04:38 |
Reporte de 2 hojas | jsanchez | Impresión | 5 | 28-01-2004 18:52:36 |
Problema con el número de hojas | ramiretor | Impresión | 2 | 20-08-2003 21:49:45 |
|