[Ovillo] Formas de ocultación
Hola lista, Veo en diversos mensajes consejos y hacks para ocultar elementos de bloque mediante el establecimiento de márgenes o indentaciones con valores negativos, por ejemplo: text-indent: -px; ¿Alguien sabría argumentarme el porqué de que esta estrategia se recomiende tanto? ¿Qué tiene de inconveniente usar un display: none para ocultar un bloque? Saludos, Miguel González ___ 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] Formas de ocultación
Yo no lo recomiendo como forma normal de ocultamiento, de hecho siempre oculto con display:none, pero se me ha dado el caso de que necesitas ocultar un texto de un enlace ya que se genera con algún framework, el cual no quieres modificar (por tiempo) y necesitas dejar solo la imagen que tiene de fondo la etiqueta a sin perder el evento Click. Pues en este caso haces lo de -px Ya se que es un caso algo rebuscado pero ha mi se me ha dado varias veces ya que además de esta forma mantienes los enlaces y los buscadores cuando pasan por tu web se hacen una buena imagen de ti. Saludos. El 12 de julio de 2011 19:36, Miguel Gonzalez lla...@gmail.com escribió: Hola lista, Veo en diversos mensajes consejos y hacks para ocultar elementos de bloque mediante el establecimiento de márgenes o indentaciones con valores negativos, por ejemplo: text-indent: -px; ¿Alguien sabría argumentarme el porqué de que esta estrategia se recomiende tanto? ¿Qué tiene de inconveniente usar un display: none para ocultar un bloque? Saludos, Miguel González ___ 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 -- *Miquel Ramon Ortega i Tido* len...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formas de ocultación
El problema principal del display: none; ocurre con las normas de accesibilidad. Si el lector ingresa a la pagina con un lector de voz (ciego) la informacion que tiene display:none; no existe para el lector de voz, al contrario que con text-ident, la cual està presente. Muchas veces al utilizar menus, donde los enlaces se reemplazan por imagenes con sprites: a ... spanHome/span/a a ... spanProductos/span/a Con: a span { display:none; } Simplemente esto no existe y el menu es invisible para un lector de voz. Ahora si hago: a span { text-indent: -5000px } El texto sigue estando y es visible para los robots, etc... aunque en pantalla no se ve ya que esta desplazado mas allà de las resoluciones que se usan en los monitores estandard. Saludos, Martin 2011/7/12 Miguel Gonzalez lla...@gmail.com Hola lista, Veo en diversos mensajes consejos y hacks para ocultar elementos de bloque mediante el establecimiento de márgenes o indentaciones con valores negativos, por ejemplo: text-indent: -px; ¿Alguien sabría argumentarme el porqué de que esta estrategia se recomiende tanto? ¿Qué tiene de inconveniente usar un display: none para ocultar un bloque? Saludos, Miguel González ___ 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] Formas de ocultación
si, es decir, un span etiqueta se oculta por display:none en un css externo, ¿son los robots capaz de entenderlo? o sea, por ejemplo, ¿googlebot examina .css archivos? si se define span style=display:nonehome/span es cierto que se entiende por los robots pero no estoy seguro de otro caso. El 12 de julio de 2011 21:32, Martín Moscardi martindi...@gmail.comescribió: El problema principal del display: none; ocurre con las normas de accesibilidad. Si el lector ingresa a la pagina con un lector de voz (ciego) la informacion que tiene display:none; no existe para el lector de voz, al contrario que con text-ident, la cual està presente. Muchas veces al utilizar menus, donde los enlaces se reemplazan por imagenes con sprites: a ... spanHome/span/a a ... spanProductos/span/a Con: a span { display:none; } Simplemente esto no existe y el menu es invisible para un lector de voz. Ahora si hago: a span { text-indent: -5000px } El texto sigue estando y es visible para los robots, etc... aunque en pantalla no se ve ya que esta desplazado mas allà de las resoluciones que se usan en los monitores estandard. Saludos, Martin 2011/7/12 Miguel Gonzalez lla...@gmail.com Hola lista, Veo en diversos mensajes consejos y hacks para ocultar elementos de bloque mediante el establecimiento de márgenes o indentaciones con valores negativos, por ejemplo: text-indent: -px; ¿Alguien sabría argumentarme el porqué de que esta estrategia se recomiende tanto? ¿Qué tiene de inconveniente usar un display: none para ocultar un bloque? Saludos, Miguel González ___ 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 -- Çağatay Gürtürk itusozluk.com - Kovan Yazılım Reklam Org. Tic. Ltd. Şti. Emektar Sk. No: 1 D: 6 Gümüşsuyu/İstanbul +90 530 204 96 03 +90 212 245 85 65 ___ 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] Formas de ocultación
http://ekstreme.com/thingsofsorts/seosem/googlebot-requested-a-css-file he encontrado este blog sobre este asunto. El 12 de julio de 2011 21:37, Cagatay Gurturk caga...@itusozluk.comescribió: si, es decir, un span etiqueta se oculta por display:none en un css externo, ¿son los robots capaz de entenderlo? o sea, por ejemplo, ¿googlebot examina .css archivos? si se define span style=display:nonehome/span es cierto que se entiende por los robots pero no estoy seguro de otro caso. El 12 de julio de 2011 21:32, Martín Moscardi martindi...@gmail.comescribió: El problema principal del display: none; ocurre con las normas de accesibilidad. Si el lector ingresa a la pagina con un lector de voz (ciego) la informacion que tiene display:none; no existe para el lector de voz, al contrario que con text-ident, la cual està presente. Muchas veces al utilizar menus, donde los enlaces se reemplazan por imagenes con sprites: a ... spanHome/span/a a ... spanProductos/span/a Con: a span { display:none; } Simplemente esto no existe y el menu es invisible para un lector de voz. Ahora si hago: a span { text-indent: -5000px } El texto sigue estando y es visible para los robots, etc... aunque en pantalla no se ve ya que esta desplazado mas allà de las resoluciones que se usan en los monitores estandard. Saludos, Martin 2011/7/12 Miguel Gonzalez lla...@gmail.com Hola lista, Veo en diversos mensajes consejos y hacks para ocultar elementos de bloque mediante el establecimiento de márgenes o indentaciones con valores negativos, por ejemplo: text-indent: -px; ¿Alguien sabría argumentarme el porqué de que esta estrategia se recomiende tanto? ¿Qué tiene de inconveniente usar un display: none para ocultar un bloque? Saludos, Miguel González ___ 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 -- Çağatay Gürtürk itusozluk.com - Kovan Yazılım Reklam Org. Tic. Ltd. Şti. Emektar Sk. No: 1 D: 6 Gümüşsuyu/İstanbul +90 530 204 96 03 +90 212 245 85 65 -- Çağatay Gürtürk itusozluk.com - Kovan Yazılım Reklam Org. Tic. Ltd. Şti. Emektar Sk. No: 1 D: 6 Gümüşsuyu/İstanbul +90 530 204 96 03 +90 212 245 85 65 ___ 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] Formas de ocultación
Sí son muy capaces de entenderlo, y así como los lectores de voz, también le restan importancia. Por otro lado, como mencionan, aparte de la parte de accesibilidad, si quieres reemplazar texto por una imagen por ejemplo, tendrías que modificar el html. On 07/12/2011 01:37 PM, Cagatay Gurturk wrote: si, es decir, unspan etiqueta se oculta por display:none en un css externo, ¿son los robots capaz de entenderlo? o sea, por ejemplo, ¿googlebot examina .css archivos? si se definespan style=display:nonehome/span es cierto que se entiende por los robots pero no estoy seguro de otro caso. El 12 de julio de 2011 21:32, Martín Moscardimartindi...@gmail.comescribió: El problema principal del display: none; ocurre con las normas de accesibilidad. Si el lector ingresa a la pagina con un lector de voz (ciego) la informacion que tiene display:none; no existe para el lector de voz, al contrario que con text-ident, la cual està presente. Muchas veces al utilizar menus, donde los enlaces se reemplazan por imagenes con sprites: a ...spanHome/span/a a ...spanProductos/span/a Con: a span { display:none; } Simplemente esto no existe y el menu es invisible para un lector de voz. Ahora si hago: a span { text-indent: -5000px } El texto sigue estando y es visible para los robots, etc... aunque en pantalla no se ve ya que esta desplazado mas allà de las resoluciones que se usan en los monitores estandard. Saludos, Martin 2011/7/12 Miguel Gonzalezlla...@gmail.com Hola lista, Veo en diversos mensajes consejos y hacks para ocultar elementos de bloque mediante el establecimiento de márgenes o indentaciones con valores negativos, por ejemplo: text-indent: -px; ¿Alguien sabría argumentarme el porqué de que esta estrategia se recomiende tanto? ¿Qué tiene de inconveniente usar un display: none para ocultar un bloque? Saludos, Miguel González ___ 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