Re: [Ovillo] Uso correcto de colgroup
Yo me he encontrado con problemas en el soporte crossbrowser a la hora de optimizar el uso de colgroup, ¿teneis colgado algún ejemplo de su uso al que se le pueda echar un ojo? 2006/2/22, Federico [EMAIL PROTECTED]: On 2/20/06, Bernat Lleonart bernat.lleonart en gmail.com wrote: table summary=... caption./caption colgroup / colgroup / colgroup / colgroup class=media / colgroup / colgroup / colgroup / colgroup class=media / No está mal usado COLGROUP pero podés optimizarlo usando el atributo span [1] Te quedaría: colgroup span=3 / colgroup class=media / colgroup span=3 / colgroup class=media / [1] http://www.sidar.org/recur/desdi/traduc/es/html401-es/struct/tables.html#adef-span-COLGROUP -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Orange at GMail ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Uso correcto de colgroup
Esa página de prueba parece que da los mismos resultados en IE5.x e IE7beta1
Aplica bien visibility y el color de fondo, pero se carga los bordes
Gracias
:)
2006/2/22, Federico MP [EMAIL PROTECTED]:
On 2/22/06, Orange at GMail [EMAIL PROTECTED] wrote:
Yo me he encontrado con problemas en el soporte crossbrowser a la hora
de
optimizar el uso de colgroup, ¿teneis colgado algún ejemplo de su uso al
que
se le pueda echar un ojo?
Subí un ejemplo muy básico en
http://511.dabomb.com.ar/testcase/colgroup-css/1.html
Conclusiones:
La propiedad width en COLGROUP equivale al ancho de las celdas, no de
la columna.
colgroup[span=3] {width:100px;} daría 3 columnas de 100px cada una, no
3 de 33px.
Opera 9 [8225] no sólo no me reconoció visibility, sino que le agregó
un color de fondo a la columna supuestamente invisible.
Firefox 1.5 tampoco me respetó visibility, pero al menos ignoró el
color de fondo.
Internet Explorer 6 no agregó los bordes pero si respetó visibility.
Safarí (basandome en Safari test [1])... o yo entendí mal la
especificación o la implementación es malisima: no reconoció el
colgroup[span=1] que está en el medio, así que el tercer colgroup
aparece corrido un lugar a la izquierda. Visibility no funciona.
Aplicó bordes a los costados de las celdas en lugar de sólo en la
columna (en este caso no estoy seguro quien está en lo correcto).
Konqueror no he podido probarlo, pero asumo los mismos resultados que
Safarí.
[1] http://snugtech.com/en/safaritest/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
Orange at GMail
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Uso correcto de colgroup
Hola,
On 2/20/06, Bernat Lleonart [EMAIL PROTECTED] wrote:
Hola,
Quiero dar estilo a dos columnas de una tabla que tiene diez columnas,
y he optado por utilizar colgroup, que no había utilizado nunca, y
ponerle un atributo class para darle estilo.
Tengo este código, y me respeta el background-color, pero no el
font-weight: bold ni el centrado del texto, además, no estoy seguro de
estar utilizando correctamente el colgroup:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
meta http-equiv=content-type content=text/html;
charset=utf-8 /
title.../title
style type=text/css
colgroup.media {
font-weight: bold;
background-color: aqua;
text-align: center;
}
/style
/head
body
table summary=...
caption./caption
colgroup /
colgroup /
colgroup /
colgroup class=media /
colgroup /
colgroup /
colgroup /
colgroup class=media /
thead
tr
th colspan=5 align=leftAño 2005/th
th colspan=5 align=leftAño 2006/th
/tr
tr
thNúm./th
thSemana/th
thMínimo/th
thMedia*/th
thMáximo/th
thNúm./th
thSemana/th
thMínimo/th
thMedia*/th
thMáximo/th
/tr
/thead
tfoot
tr
td colspan=10* Media ponderada/td
/tr
/tfoot
tbody
tr
td1/td
td03-ene/td
td1,61/td
td1,67/td
td1,70/td
td1/td
td02-ene/td
td1,39/td
td1,45/td
td1,50/td
/tr
tr
td2/td
td10-ene/td
td1,61/td
td1,67/td
td1,70/td
td2/td
td09-ene/td
td1,34/td
td1,42/td
td1,50/td
/tr
tr
td3/td
td17-ene/td
td1,09/td
td1,15/td
td1,20/td
td3/td
td16-ene/td
td1,24/td
td1,32/td
td1,40/td
/tr
/tbody
/table
/body
/html
**
Mirando la especificación de CSS 2.1 sección tablas [1] se explica muy bien
:)
[cita]
Table cells may belong to two contexts: rows and columns. However, in the
source document cells are descendants of rows, never of columns.
Nevertheless, some aspects of cells can be influenced by setting properties
on columns.
[/cita]
Las propiedades aplicables son sólo 4 y en casos muy concretos:
1. border
2. background
3. width
4. visibility
Para más información vale la pena leer a Ian Hixie [2]
[1] http://www.w3.org/TR/CSS21/tables.html#q4
[2] http://ln.hixie.ch/?start=1070385285count=1
--
arnau siches
css.artnau.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Uso correcto de colgroup
On 2/20/06, Bernat Lleonart bernat.lleonart en gmail.com wrote: table summary=... caption./caption colgroup / colgroup / colgroup / colgroup class=media / colgroup / colgroup / colgroup / colgroup class=media / No está mal usado COLGROUP pero podés optimizarlo usando el atributo span [1] Te quedaría: colgroup span=3 / colgroup class=media / colgroup span=3 / colgroup class=media / [1] http://www.sidar.org/recur/desdi/traduc/es/html401-es/struct/tables.html#adef-span-COLGROUP -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Uso correcto de colgroup
Hola,
Quiero dar estilo a dos columnas de una tabla que tiene diez columnas,
y he optado por utilizar colgroup, que no había utilizado nunca, y
ponerle un atributo class para darle estilo.
Tengo este código, y me respeta el background-color, pero no el
font-weight: bold ni el centrado del texto, además, no estoy seguro de
estar utilizando correctamente el colgroup:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
meta http-equiv=content-type content=text/html;
charset=utf-8 /
title.../title
style type=text/css
colgroup.media {
font-weight: bold;
background-color: aqua;
text-align: center;
}
/style
/head
body
table summary=...
caption./caption
colgroup /
colgroup /
colgroup /
colgroup class=media /
colgroup /
colgroup /
colgroup /
colgroup class=media /
thead
tr
th colspan=5 align=leftAño 2005/th
th colspan=5 align=leftAño 2006/th
/tr
tr
thNúm./th
thSemana/th
thMínimo/th
thMedia*/th
thMáximo/th
thNúm./th
thSemana/th
thMínimo/th
thMedia*/th
thMáximo/th
/tr
/thead
tfoot
tr
td colspan=10* Media ponderada/td
/tr
/tfoot
tbody
tr
td1/td
td03-ene/td
td1,61/td
td1,67/td
td1,70/td
td1/td
td02-ene/td
td1,39/td
td1,45/td
td1,50/td
/tr
tr
td2/td
td10-ene/td
td1,61/td
td1,67/td
td1,70/td
td2/td
td09-ene/td
td1,34/td
td1,42/td
td1,50/td
/tr
tr
td3/td
td17-ene/td
td1,09/td
td1,15/td
td1,20/td
td3/td
td16-ene/td
td1,24/td
td1,32/td
td1,40/td
/tr
/tbody
/table
/body
/html
**
Gracias por la ayuda.
Un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
