Re: [Ovillo] tablas con CSS

[Javier Gomez]

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 ).
>
>  "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd";>
> 
>
>
>prueba
>
>
>#menu{
>border:1px solid black;
>overflow:hidden;
>}
>#menu .item{
>display:block;
>float:left;
>border:1px solid red;
>}
>h2{
>text-align:center
>}
>
>
>
>Menu "no me puedo creer que no sea un menú"
>
>
>Ciudadano
>
>Biblioteca y
> Archivo
>Catastro
>Impuestos
>Pensiones y Clases
> Pasivas
> href="#">Publicaciones
>Quejas y
> Sugerencias
>Recursos y
> Reclamaciones
>Tesoro
> Público
>
>
>
>Administración
>
>Catastro
>Contratación
> Pública 
>Coordinación
> Financiera con las Entidades
>Locales
>Coordinación
> Financiera con las  title="Comunidades
>Autónomas">CC.AA
> .
>
>
>
>Empresas
>
>Aduanas e Impuestos
> Especiales
>Comisión Nacional
> del Mercado de Valores
>Contabilidad y
> Auditoría de Cuentas
>Contratación
> Pública
>Defensa de la
> Competencia
>Impuestos
>Mercado de
> Tabacos
>Recursos y
> Reclamaciones
>Seguros y Fondos de
> Pensiones
>
>
>
>
> 
>
> 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 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 proh

Re: [Ovillo] tablas con CSS

[Santos Corrales]

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

[Juan Jorge Muñoz Herrero]

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

[Ardilla Roja]

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

[Ramon Lapenta]

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

[Francisco Adolfo Álvarez Alonso]

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 ).

http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd";>



prueba


#menu{
border:1px solid black;
overflow:hidden;
}
#menu .item{
display:block;
float:left;
border:1px solid red;
}
h2{
text-align:center
}



Menu "no me puedo creer que no sea un menú"


Ciudadano

Biblioteca y 
Archivo
Catastro
Impuestos
Pensiones y Clases 
Pasivas
Publicaciones
Quejas y 
Sugerencias
Recursos y 
Reclamaciones
Tesoro Público



Administración

Catastro
Contratación Pública 

Coordinación Financiera 
con las Entidades
Locales
Coordinación Financiera 
con las CC.AA.



Empresas

Aduanas e Impuestos 
Especiales
Comisión Nacional del 
Mercado de Valores
Contabilidad y 
Auditoría de Cuentas
Contratación 
Pública
Defensa de la 
Competencia
Impuestos
Mercado de 
Tabacos
Recursos y 
Reclamaciones
Seguros y Fondos de 
Pensiones






Javier Gomez escribió:
> por aquello de la accesibilidad, felix.
> 
> (cita)
> 
> Las tablas deberían utilizarse solamente para marcar la información
> tabular("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(consultar
> punto
> de verificación
> 10.3
> ).
> 
> (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

Re: [Ovillo] tablas con CSS

[Juan Jorge Muñoz Herrero]

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 ::
> >
> >
> > 
> >
> > 
> >   
> > Ciudadano
> >   
> >
> >   
> >   Administración
> >   
> >
> >   
> >   Empresas
> >   
> > 
> >
> > 
> >
> > 
> >Biblioteca y Archivo
> >Catastro
> >Impuestos
> >Pensiones y Clases Pasivas
> >Publicaciones
> >Quejas y Sugerencias
> >Recursos y Reclamaciones
> >Tesoro Público
> >   
> >
> > 
> >
> > 
> >
> > 
> >Catastro
> >Contratación Pública 
> >Coordinación Financiera con las Entidades
> > Locales
> >Coordinación Financiera con las  > title="Comunidades
> > Autónomas">CC.AA.
> >   
> >
> > 
> >
> > 
> >
> >   
> >Aduanas e Impuestos Especiales
> >Comisión Nacional del Mercado de Valores
> >Contabilidad y Auditoría de Cuentas
> >Contratación Pública
> >Defensa de la Competencia
> >Impuestos
> >Mercado de Tabacos
> >Recursos y Reclamaciones
> >Seguros y Fondos de Pensiones
> >   
> >
> > 
> >
> > 
> > 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.ovill

Re: [Ovillo] tablas con CSS

[Juan José Montes de Oca Arbós]

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 ::
>
>
> 
>
> 
>   
> Ciudadano
>   
>
>   
>   Administración
>   
>
>   
>   Empresas
>   
> 
>
> 
>
> 
>Biblioteca y Archivo
>Catastro
>Impuestos
>Pensiones y Clases Pasivas
>Publicaciones
>Quejas y Sugerencias
>Recursos y Reclamaciones
>Tesoro Público
>   
>
> 
>
> 
>
> 
>Catastro
>Contratación Pública 
>Coordinación Financiera con las Entidades
> Locales
>Coordinación Financiera con las  title="Comunidades
> Autónomas">CC.AA.
>   
>
> 
>
> 
>
>   
>Aduanas e Impuestos Especiales
>Comisión Nacional del Mercado de Valores
>Contabilidad y Auditoría de Cuentas
>Contratación Pública
>Defensa de la Competencia
>Impuestos
>Mercado de Tabacos
>Recursos y Reclamaciones
>Seguros y Fondos de Pensiones
>   
>
> 
>
> 
> 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
>



-- 
Juan José Montes de Oca Arbós.

[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vid&vid=58044309
___
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

[Félix Zapata Berlinches]

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

[Félix Zapata Berlinches]

Javier Gomez escribió:
> por aquello de la accesibilidad, felix.
>
> (cita)
>
> Las tablas deberían utilizarse solamente para marcar la información
> tabular("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(consultar
> punto
> de verificación
> 10.3
> ).
>
> (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

[Javier Gomez]

por aquello de la accesibilidad, felix.

(cita)

Las tablas deberían utilizarse solamente para marcar la información
tabular("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(consultar
punto
de verificación
10.3
).

(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

[Félix Zapata Berlinches]

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

[Javier Gomez]

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 ::





  
Ciudadano
  

  
  Administración
  

  
  Empresas
  
 

 


   Biblioteca y Archivo
   Catastro
   Impuestos
   Pensiones y Clases Pasivas
   Publicaciones
   Quejas y Sugerencias
   Recursos y Reclamaciones
   Tesoro Público
  

 

 


   Catastro
   Contratación Pública 
   Coordinación Financiera con las Entidades
Locales
   Coordinación Financiera con las CC.AA.
  

 

 

  
   Aduanas e Impuestos Especiales
   Comisión Nacional del Mercado de Valores
   Contabilidad y Auditoría de Cuentas
   Contratación Pública
   Defensa de la Competencia
   Impuestos
   Mercado de Tabacos
   Recursos y Reclamaciones
   Seguros y Fondos de Pensiones
  

 


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

[Fernando Gutierrez]

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

[Rodrigo Álvarez Virgós]

¿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

[Oscar martinez novoa]

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

[Ovillo] tablas con CSS

[Javier Gomez]

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

[maria jose aguilar hess]

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/
[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  |:.
> >
> >
> >
> > >
> > > 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

Re: [Ovillo] Tablas con CSS

[Hermann Kaser]

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  |:.
>
>
>
> >
> > 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

[kemie guaida]

solo cuestion de darle a la imagen un float:left, creo

...:| kemie |:...
.:| 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

[Víctor Berga]

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

[Hermann Kaser]

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:
>
> 
>   
>   
>   
>   
>   txtIcono1
>   txtIcono2
>   
>
> 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

[Ovillo] Tablas con CSS

[Víctor Berga]

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:


  
  
  
  
  txtIcono1
  txtIcono2
  

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