Re: [Ovillo] tablas con CSS
ok.
muchas gracias, francisco.
partiendo de tu codigo me he ido apañando. al final no es mas que un menu
con dos niveles.
gracias a todos, sois la ost...
El día 3/05/07, Francisco Adolfo Álvarez Alonso [EMAIL PROTECTED]
escribió:
Son tres listados de anclas(Menús). Dependiendo de la relación que
tengan yo usaría tres listas anidadas o tres listas separadas por el
encabezado de turno.A tu gusto.
Yo lo haría así ( Cuidado puede contener trazas de inaccesibilidad o
disconformidad del documento ).
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd;
html
head
title
prueba
/title
style type=text/css
#menu{
border:1px solid black;
overflow:hidden;
}
#menu .item{
display:block;
float:left;
border:1px solid red;
}
h2{
text-align:center
}
/style
/head
body
h1Menu no me puedo creer que no sea un menú/h1
ul id=menu
li class=item
h2Ciudadano/h2
ul
lia href=#Biblioteca y
Archivo/a/li
lia href=#Catastro/a/li
lia href=#Impuestos/a/li
lia href=#Pensiones y Clases
Pasivas/a/li
lia
href=#Publicaciones/a/li
lia href=#Quejas y
Sugerencias/a/li
lia href=#Recursos y
Reclamaciones/a/li
lia href=#Tesoro
Público/a/li
/ul
/li
li class=item
h2Administración/h2
ul
lia href=#Catastro/a/li
lia href=#Contratación
Pública /a/li
lia href=#Coordinación
Financiera con las Entidades
Locales/a/li
lia href=#Coordinación
Financiera con las abbr
title=Comunidades
AutónomasCC.AA
./abbr/a/li
/ul
/li
li class=item
h2Empresas/h2
ul
lia href=#Aduanas e Impuestos
Especiales/a/li
lia href=#Comisión Nacional
del Mercado de Valores/a/li
lia href=#Contabilidad y
Auditoría de Cuentas/a/li
lia href=#Contratación
Pública/a/li
lia href=#Defensa de la
Competencia/a/li
lia href=#Impuestos/a/li
lia href=#Mercado de
Tabacos/a/li
lia href=#Recursos y
Reclamaciones/a/li
lia href=#Seguros y Fondos de
Pensiones/a/li
/ul
/li
/ul
/body
/html
Javier Gomez escribió:
por aquello de la accesibilidad, felix.
(cita)
Las tablas deberían utilizarse solamente para marcar la información
tabular
http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tabular-information
(tablas
de datos). Los desarrolladores de contenidos deberían evitar
usarlas para maquetar páginas (tablas de composición). Usar tablas
para
cualquier finalidad crea también especiales dificultades para los
usuarios
de lectores de pantalla
http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#screen-reader
(consultar
punto
de verificación
10.3
http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tech-linear-tables
).
(fin cita esta en:
http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#gl-table-markup
)
debe tener forma de tabla, pero estrictamente no lo es.
solo es por eso.
El día 3/05/07, Félix Zapata Berlinches [EMAIL PROTECTED]
escribió:
pero, por qué no usas un tabla de html si tiene formato tabla?
--
*Félix Zapata Berlinches*
Responsable Técnico
Logotipo de Brainet
c/ Santa María de la
[Ovillo] tablas con CSS
hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
Hola, entra aqui, quizas te ayude http://ervdesign.net/blog/index.php?s=tablas ciao El día 3/05/07, Javier Gomez [EMAIL PROTECTED] escribió: hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
¿Intentas que algo que no es una tabla se muestre como tal? ¿o lo que quieres es modificar los estilos por defecto de una tabla? Esto puede ayudarte: http://www.w3.org/TR/CSS21/tables.html#q2 http://www.w3schools.com/css/pr_class_display.asp ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
Pues va a ser que no, IE6 e IE7 no soportan ni display: table ni display: table-cell (entre otras) [1] http://www.webdevout.net/browser-support-css#css2propsbasic El día 3/05/07, Javier Gomez [EMAIL PROTECTED] escribió: hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- _ Fernando Gutiérrez http://ferguweb.tx.com.ru/ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
y entonces...
¿como puede hacerse para ie sin usar tablas en el html?
¿a base de floats? no me sale
el efecto debe ser el de una tabla de tres columnas con una cabecera y una
fila por columna...
con este html y este css sale de cine en firefox y en opera:
html ::
div id=a3columnas
div id=cabeceras
div id=cabecera1
pCiudadano/p
/div
div id=cabecera2
pAdministración/p
/div
div id=cabecera3
pEmpresas/p
/div
/div
div id=columnaizquierda
ul
lia href=#Biblioteca y Archivo/a/li
lia href=#Catastro/a/li
lia href=#Impuestos/a/li
lia href=#Pensiones y Clases Pasivas/a/li
lia href=#Publicaciones/a/li
lia href=#Quejas y Sugerencias/a/li
lia href=#Recursos y Reclamaciones/a/li
lia href=#Tesoro Público/a/li
/ul
/div
div id=columnacentral
ul
lia href=#Catastro/a/li
lia href=#Contratación Pública /a/li
lia href=#Coordinación Financiera con las Entidades
Locales/a/li
lia href=#Coordinación Financiera con las abbr title=Comunidades
AutónomasCC.AA./abbr/a/li
/ul
/div
div id=columnaderecha
ul
lia href=#Aduanas e Impuestos Especiales/a/li
lia href=#Comisión Nacional del Mercado de Valores/a/li
lia href=#Contabilidad y Auditoría de Cuentas/a/li
lia href=#Contratación Pública/a/li
lia href=#Defensa de la Competencia/a/li
lia href=#Impuestos/a/li
lia href=#Mercado de Tabacos/a/li
lia href=#Recursos y Reclamaciones/a/li
lia href=#Seguros y Fondos de Pensiones/a/li
/ul
/div
/div
css
:::
#a3columnas
{
width: 100%;
margin: 20px auto;
color: #666;
border: 1px solid #EDEDED;
display: table;
}
#a3columnas ul
{
list-style-type: none;
list-style-image:url(../imagenes/bullet_azul2.gif);
}
#cabeceras
{
padding: .5em;
background: url(../imagenes/celda_tabla.gif);
display: table-header-group;
/*border: 1px solid #EDEDED;*/
font-weight: bold;
}
#cabeceras p
{
padding: .3em;
padding-left: 15px;
margin: 0;
}
#cabecera1 {
display: table-cell;
}
#cabecera2 {
display: table-cell;
}
#cabecera3 {
display: table-cell;
}
#columnaizquierda
{
width: 33%;
padding: 1em;
display: table-cell;
border: 1px solid #EDEDED;
}
#columnaderecha
{
width: 33%;
padding: 1em;
display: table-cell;
border: 1px solid #EDEDED;
}
#columnacentral
{
width: 33%;
padding: 1em;
max-width: 36em;
display: table-cell;
border: 1px solid #EDEDED;
}
esto es una bobadita para el nivel que hay en esta lista.
¿que no?
gracias
El día 3/05/07, Fernando Gutierrez [EMAIL PROTECTED] escribió:
Pues va a ser que no, IE6 e IE7 no soportan ni display: table ni display:
table-cell (entre otras)
[1] http://www.webdevout.net/browser-support-css#css2propsbasic
El día 3/05/07, Javier Gomez [EMAIL PROTECTED] escribió:
hola listeros
estoy intentando componer una tabla con css (con display:table,
display:cell
y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma
de
hacerlo?
en firefox se ve estupendamente.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
pero, por qué no usas un tabla de html si tiene formato tabla? -- *Félix Zapata Berlinches* Responsable Técnico Logotipo de Brainet c/ Santa María de la Cabeza nº 9, 47012 Valladolid. Teléfono: 983 10 09 07 http://www.brainet.es Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias. The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
por aquello de la accesibilidad, felix. (cita) Las tablas deberían utilizarse solamente para marcar la información tabularhttp://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tabular-information(tablas de datos). Los desarrolladores de contenidos deberían evitar usarlas para maquetar páginas (tablas de composición). Usar tablas para cualquier finalidad crea también especiales dificultades para los usuarios de lectores de pantallahttp://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#screen-reader(consultar punto de verificación 10.3http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tech-linear-tables ). (fin cita esta en: http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#gl-table-markup ) debe tener forma de tabla, pero estrictamente no lo es. solo es por eso. El día 3/05/07, Félix Zapata Berlinches [EMAIL PROTECTED] escribió: pero, por qué no usas un tabla de html si tiene formato tabla? -- *Félix Zapata Berlinches* Responsable Técnico Logotipo de Brainet c/ Santa María de la Cabeza nº 9, 47012 Valladolid. Teléfono: 983 10 09 07 http://www.brainet.es Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias. The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
Javier Gomez escribió: por aquello de la accesibilidad, felix. (cita) Las tablas deberían utilizarse solamente para marcar la información tabularhttp://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tabular-information(tablas de datos). Los desarrolladores de contenidos deberían evitar usarlas para maquetar páginas (tablas de composición). Usar tablas para cualquier finalidad crea también especiales dificultades para los usuarios de lectores de pantallahttp://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#screen-reader(consultar punto de verificación 10.3http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tech-linear-tables ). (fin cita esta en: http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#gl-table-markup ) debe tener forma de tabla, pero estrictamente no lo es. ah bueno, si estrictamente es una tabla pues nada -- *Félix Zapata Berlinches* Responsable Técnico Logotipo de Brainet c/ Santa María de la Cabeza nº 9, 47012 Valladolid. Teléfono: 983 10 09 07 http://www.brainet.es Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias. The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
perdón, quería decir que si semánticamente no es una tabla pues entonces nada... -- *Félix Zapata Berlinches* Responsable Técnico Logotipo de Brainet c/ Santa María de la Cabeza nº 9, 47012 Valladolid. Teléfono: 983 10 09 07 http://www.brainet.es Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias. The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
Como que no?!
Pilla 2 divs, uno para el contenido de la izquierda, a continuación metes el
contenido que iría en la del centro, sin div que la englobe, y a
continuación otra div que iría a la derecha. La de la izquierda le das ancho
de 33% y la flotas a la izquierda, y haces lo propio con la div de la
derecha, el efecto son esas tres columnas que se adaptan a tu pantalla.
Después sólo te queda completar el contenido dentro de cada columna,
poniendole sus encabezados y desmás cosas que quieras...
El día 3/05/07, Juan José Montes de Oca Arbós
[EMAIL PROTECTED] escribió:
Y si no funciona en IE quizás deberías hacerlo con posiciones absolutas...
si no te queda otra...
El día 3/05/07, Javier Gomez [EMAIL PROTECTED] escribió:
y entonces...
¿como puede hacerse para ie sin usar tablas en el html?
¿a base de floats? no me sale
el efecto debe ser el de una tabla de tres columnas con una cabecera y
una
fila por columna...
con este html y este css sale de cine en firefox y en opera:
html ::
div id=a3columnas
div id=cabeceras
div id=cabecera1
pCiudadano/p
/div
div id=cabecera2
pAdministración/p
/div
div id=cabecera3
pEmpresas/p
/div
/div
div id=columnaizquierda
ul
lia href=#Biblioteca y Archivo/a/li
lia href=#Catastro/a/li
lia href=#Impuestos/a/li
lia href=#Pensiones y Clases Pasivas/a/li
lia href=#Publicaciones/a/li
lia href=#Quejas y Sugerencias/a/li
lia href=#Recursos y Reclamaciones/a/li
lia href=#Tesoro Público/a/li
/ul
/div
div id=columnacentral
ul
lia href=#Catastro/a/li
lia href=#Contratación Pública /a/li
lia href=#Coordinación Financiera con las Entidades
Locales/a/li
lia href=#Coordinación Financiera con las abbr
title=Comunidades
AutónomasCC.AA./abbr/a/li
/ul
/div
div id=columnaderecha
ul
lia href=#Aduanas e Impuestos Especiales/a/li
lia href=#Comisión Nacional del Mercado de Valores/a/li
lia href=#Contabilidad y Auditoría de Cuentas/a/li
lia href=#Contratación Pública/a/li
lia href=#Defensa de la Competencia/a/li
lia href=#Impuestos/a/li
lia href=#Mercado de Tabacos/a/li
lia href=#Recursos y Reclamaciones/a/li
lia href=#Seguros y Fondos de Pensiones/a/li
/ul
/div
/div
css
:::
#a3columnas
{
width: 100%;
margin: 20px auto;
color: #666;
border: 1px solid #EDEDED;
display: table;
}
#a3columnas ul
{
list-style-type: none;
list-style-image:url(../imagenes/bullet_azul2.gif);
}
#cabeceras
{
padding: .5em;
background: url(../imagenes/celda_tabla.gif);
display: table-header-group;
/*border: 1px solid #EDEDED;*/
font-weight: bold;
}
#cabeceras p
{
padding: .3em;
padding-left: 15px;
margin: 0;
}
#cabecera1 {
display: table-cell;
}
#cabecera2 {
display: table-cell;
}
#cabecera3 {
display: table-cell;
}
#columnaizquierda
{
width: 33%;
padding: 1em;
display: table-cell;
border: 1px solid #EDEDED;
}
#columnaderecha
{
width: 33%;
padding: 1em;
display: table-cell;
border: 1px solid #EDEDED;
}
#columnacentral
{
width: 33%;
padding: 1em;
max-width: 36em;
display: table-cell;
border: 1px solid #EDEDED;
}
esto es una bobadita para el nivel que hay en esta lista.
¿que no?
gracias
El día 3/05/07, Fernando Gutierrez [EMAIL PROTECTED] escribió:
Pues va a ser que no, IE6 e IE7 no soportan ni display: table ni
display:
table-cell (entre otras)
[1] http://www.webdevout.net/browser-support-css#css2propsbasic
El día 3/05/07, Javier Gomez [EMAIL PROTECTED] escribió:
hola listeros
estoy intentando componer una tabla con css (con display:table,
display:cell
y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna
forma
de
hacerlo?
en firefox se ve estupendamente.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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
Re: [Ovillo] tablas con CSS
Son tres listados de anclas(Menús). Dependiendo de la relación que
tengan yo usaría tres listas anidadas o tres listas separadas por el
encabezado de turno.A tu gusto.
Yo lo haría así ( Cuidado puede contener trazas de inaccesibilidad o
disconformidad del documento ).
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd;
html
head
title
prueba
/title
style type=text/css
#menu{
border:1px solid black;
overflow:hidden;
}
#menu .item{
display:block;
float:left;
border:1px solid red;
}
h2{
text-align:center
}
/style
/head
body
h1Menu no me puedo creer que no sea un menú/h1
ul id=menu
li class=item
h2Ciudadano/h2
ul
lia href=#Biblioteca y
Archivo/a/li
lia href=#Catastro/a/li
lia href=#Impuestos/a/li
lia href=#Pensiones y Clases
Pasivas/a/li
lia href=#Publicaciones/a/li
lia href=#Quejas y
Sugerencias/a/li
lia href=#Recursos y
Reclamaciones/a/li
lia href=#Tesoro Público/a/li
/ul
/li
li class=item
h2Administración/h2
ul
lia href=#Catastro/a/li
lia href=#Contratación Pública
/a/li
lia href=#Coordinación Financiera
con las Entidades
Locales/a/li
lia href=#Coordinación Financiera
con las abbr
title=Comunidades
AutónomasCC.AA./abbr/a/li
/ul
/li
li class=item
h2Empresas/h2
ul
lia href=#Aduanas e Impuestos
Especiales/a/li
lia href=#Comisión Nacional del
Mercado de Valores/a/li
lia href=#Contabilidad y
Auditoría de Cuentas/a/li
lia href=#Contratación
Pública/a/li
lia href=#Defensa de la
Competencia/a/li
lia href=#Impuestos/a/li
lia href=#Mercado de
Tabacos/a/li
lia href=#Recursos y
Reclamaciones/a/li
lia href=#Seguros y Fondos de
Pensiones/a/li
/ul
/li
/ul
/body
/html
Javier Gomez escribió:
por aquello de la accesibilidad, felix.
(cita)
Las tablas deberían utilizarse solamente para marcar la información
tabularhttp://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tabular-information(tablas
de datos). Los desarrolladores de contenidos deberían evitar
usarlas para maquetar páginas (tablas de composición). Usar tablas para
cualquier finalidad crea también especiales dificultades para los usuarios
de lectores de
pantallahttp://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#screen-reader(consultar
punto
de verificación
10.3http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#tech-linear-tables
).
(fin cita esta en:
http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html#gl-table-markup
)
debe tener forma de tabla, pero estrictamente no lo es.
solo es por eso.
El día 3/05/07, Félix Zapata Berlinches [EMAIL PROTECTED] escribió:
pero, por qué no usas un tabla de html si tiene formato tabla?
--
*Félix Zapata Berlinches*
Responsable Técnico
Logotipo de Brainet
c/ Santa María de la Cabeza nº 9,
47012 Valladolid.
Teléfono: 983 10 09 07
http://www.brainet.es
Este correo electrónico y, en su caso, cualquier fichero anexo al
mismo, pueden contener información de carácter confidencial
exclusivamente dirigida a la persona o entidad a la que se le envía.
Queda
Re: [Ovillo] tablas con CSS
Err no se los demás, pero para mí, una información que visualmente deba parecer una tabla, semánticamente es una tabla, según yo la semántica en el html no es una serie de reglas académicas que dictan como debe ser o no algo, sino más bien la procura de que sea entendible y significativo la parte visual, junto al código. Javier Gomez escribió: hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
Comparto la opinion... Si hace como pato, si tiene pico de pato, y hace como pato, pues es un pato.. si hay algo que debe de verse como una tabla, y debe de comportarse como una tabla, pues es una tabla... Simplemente, hay que usarlas para lo que son, -corrijan si me equivoco- para mostrar datos tabulares... A:R On 5/3/07, Ramon Lapenta [EMAIL PROTECTED] wrote: Err no se los demás, pero para mí, una información que visualmente deba parecer una tabla, semánticamente es una tabla, según yo la semántica en el html no es una serie de reglas académicas que dictan como debe ser o no algo, sino más bien la procura de que sea entendible y significativo la parte visual, junto al código. Javier Gomez escribió: hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
Pues yo creo que no, porque realmente los datos que se muestran no son susceptibles de ser tabulados, no son un conjunto de datos del mismo tipo ordenados por filas y columnas para poder leerlos rápidamente usando unas coordenadas y/o claves determinadas para su lectura. En este caso los datos son parecidos, pero no iguales, de forma que si los mostráramos en una tabla no coincidirían muchos de los datos formados con los que tienen a derecha e izquierda, así que es mejor hacer las columnas y sus respectivas listas, con sus encabezados correspondientes para indicar los títulos. Por otro lado si nos guiamos por lo visual apaga y vámonos, ya que entonces cualquiera podría maquetar una web usando una tabla y decir es que con el resto de las etiquetas estándar se va a ver igual cuando la accesibilidad entonces sería cero, por no hablar de la semántica. Bueno, aunque suene a parrafada creo que es mejor tener las cosas claras, sé que el ejemplo que te he puesto para decirte lo de que no te guíes por lo visual es algo exagerado, pero creo que es claro. En fin, se trata de discutir,no? Saludos Ramm, nos vemos por Clab... ;D El día 3/05/07, Ramon Lapenta [EMAIL PROTECTED] escribió: Err no se los demás, pero para mí, una información que visualmente deba parecer una tabla, semánticamente es una tabla, según yo la semántica en el html no es una serie de reglas académicas que dictan como debe ser o no algo, sino más bien la procura de que sea entendible y significativo la parte visual, junto al código. Javier Gomez escribió: hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tablas con CSS
En este enlace tienes diversos y variados ejemplos de todo tipo. http://blog.html.it/layoutgala/ Un cordial saludo de SantosVZ -Mensaje original- De: Javier Gomez [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 03 de Mayo de 2007 07:50 a.m. Para: ovillo@lists.ovillo.org Asunto: [Ovillo] tablas con CSS hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tablas con CSS
Hola,
2006/6/8, Hermann Kaser:
Usando una lista sin ordenar creo que se podria hacer facil. Primero
haces que el ul sea de tamaño fijo y luego haces un float: left de los
li, por ejemplo
ul
{
display: block;
width: 100px;
height: 100px;
padding: 0;
margin: 0;
}
li
{
display: block;
float: left;
height: 50px;
width: 50px;
padding: 0;
margin: 0;
}
Y luego dentro de cada li pones la imagen y el texto en spans o como
sea que quieras acomodarlos.
Así solo consigo que salgan en una columna, me gustaría que se pudiera hacer
en varias.
Gracias por darme alguna idea
--
--
Víctor Berga [vbergae.listas (at) gmail.com]
Sin música la vida sería un error
___
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] Tablas con CSS
solo cuestion de darle a la imagen un float:left, creo ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. Así solo consigo que salgan en una columna, me gustaría que se pudiera hacer en varias. Gracias por darme alguna idea ___ 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] Tablas con CSS
On 6/9/06, kemie guaida [EMAIL PROTECTED] wrote: solo cuestion de darle a la imagen un float:left, creo Si pones una imagen dentro de cada li deberia ser suficiente con especificar float: left al elemento li ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. Así solo consigo que salgan en una columna, me gustaría que se pudiera hacer en varias. Gracias por darme alguna idea ___ 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 -- Hermann Kaser http://www.theragingche.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
Re: [Ovillo] Tablas con CSS
Hola a todos: Creo que el problema puede estar en el display:block de la ul Las *listas* deben tener el valor *inline* para su atributo *display* si queremos que sean *horizontales* Luego en el web de Listamatic [1] puedes encontrar el tutorial de Project Seven[2] una lista horizontal con imagenes[3] y ver que incluye los atributos: Para el objeto li li list-style-type: none; Para el objeto li con hiperenlace y en diferentes estados pone una imagen de fondo: li a, li a:hover, li a:link, li a:visited background-image: url(la_ruta_del_icono.jpg) Pues eso, espero que sirva de algo. Los enlaces a los que hago referencia más arriba son los siguientes: [1] http://css.maxdesign.com.au [2] http://www.projectseven.com/http://www.projectseven.com/tutorials/css_menus/list_01/ [3] http://css.maxdesign.com.au/listamatic/horizontal07.htm -- Saludos, Maria José Aguilar Hess mi mail: [EMAIL PROTECTED] favoritos: http://del.icio.us/infodiseno/ 2006/6/9, Hermann Kaser [EMAIL PROTECTED]: On 6/9/06, kemie guaida [EMAIL PROTECTED] wrote: solo cuestion de darle a la imagen un float:left, creo Si pones una imagen dentro de cada li deberia ser suficiente con especificar float: left al elemento li ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. Así solo consigo que salgan en una columna, me gustaría que se pudiera hacer en varias. Gracias por darme alguna idea ___ 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 -- Hermann Kaser http://www.theragingche.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 ___ 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] Tablas con CSS
Hola,
Estoy intentando hacer un pequeño menú con icono y texto pero ordenador como
si fuera una tabla. Con un número de filas y un número de columnas
determinado.
Por ejemplo si tengo 4 iconos (con sus respectivos títulos debajo) que se
queden dos iconos arriba y dos abajo todos alineados entre ellos.
El caso es que no doy con la solución, he probado con:
span.iconoMenu {
text-align: center;
width: 20%;
}
y xhtml:
p
span class=iconoMenuimg src=icono1 alt=icono1 //span
span class=iconoMenuimg src=icono2 alt=icono2 //span
/p
p
span class=iconoMenutxtIcono1/span
span class=iconoMenutxtIcono2/span
/p
Este ejemplo es solo con 2 iconos que tendrían que estar uno seguido de otro
con sus textos debajo.
Si alguien tiene alguna idea sería de agradecer.
Un saludo,
Víctor
--
--
Víctor Berga [vbergae.listas (at) gmail.com]
Sin música la vida sería un error
___
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] Tablas con CSS
On 6/8/06, Víctor Berga [EMAIL PROTECTED] wrote:
Hola,
Estoy intentando hacer un pequeño menú con icono y texto pero ordenador como
si fuera una tabla. Con un número de filas y un número de columnas
determinado.
Por ejemplo si tengo 4 iconos (con sus respectivos títulos debajo) que se
queden dos iconos arriba y dos abajo todos alineados entre ellos.
El caso es que no doy con la solución, he probado con:
span.iconoMenu {
text-align: center;
width: 20%;
}
y xhtml:
p
span class=iconoMenuimg src=icono1 alt=icono1 //span
span class=iconoMenuimg src=icono2 alt=icono2 //span
/p
p
span class=iconoMenutxtIcono1/span
span class=iconoMenutxtIcono2/span
/p
Este ejemplo es solo con 2 iconos que tendrían que estar uno seguido de otro
con sus textos debajo.
Usando una lista sin ordenar creo que se podria hacer facil. Primero
haces que el ul sea de tamaño fijo y luego haces un float: left de los
li, por ejemplo
ul
{
display: block;
width: 100px;
height: 100px;
padding: 0;
margin: 0;
}
li
{
display: block;
float: left;
height: 50px;
width: 50px;
padding: 0;
margin: 0;
}
Y luego dentro de cada li pones la imagen y el texto en spans o como
sea que quieras acomodarlos.
Si alguien tiene alguna idea sería de agradecer.
Un saludo,
Víctor
--
--
Víctor Berga [vbergae.listas (at) gmail.com]
Sin música la vida sería un error
___
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
--
Hermann Kaser
http://www.theragingche.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
