Re: [Ovillo] RV: Mal uso del SPAN
Lo que ocurre es si un usuario navega con las imágenes desactivadas no verá
el logo, y si el texto lo has desplazado o lo has hecho "no visible"
tampoco. Al menos debería tener el enlace clásico a la página principal y
ese "a href" un title que permita mostrar algo de texto ya que al no haber
imagen no usas "alt". Yo prefiero colocar la imagen porque aunque no sea
recomendado en cuanto a semántica me parece más adecuado de cara a la
accesibilidad.
Un saludo.
p.s. Yo usaba esa técnica hasta que me dio por navegar sin imágenes.
-Mensaje original-
From: MIguel Flores Franco
Sent: Sunday, November 27, 2011 10:51 PM
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] RV: Mal uso del SPAN
Parece que no se me entendió.
Lo que yo quería es hacer posible la visibilidad del logo, pero no quería
mostrar el texto sobre el logo.
AL hacwer uso del Span, solo moví el texto.
h1 span{
position:absolute;
text-indent:-px;
}
mas no moví la imagen que seguía visible. Así me evitaba que el lector de
pantalla omitiera la lectura de la descripción. No sé si ahora me expliqué
bien, o la solución que le di al asunto no es la más adecuada.
Muchas gracias
Miguel
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Nacho Diez-Quijada Argaya
Enviado el: domingo, 27 de noviembre de 2011 04:23 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] RV: Mal uso del SPAN
Y sin ir tan lejos..., a usuarios que desactivan la carga de imágenes (a no
ser que tenga enlace con title al menos).
Un saludo.
-Mensaje original-
From: Ramón Corominas
Sent: Sunday, November 27, 2011 10:10 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla...
Pablo escribió:
> Tienes 2 opciones.
> 1) display:none; Esta opcion oculta al elemento como tambien su
> espacio ocupado, por ende, los elementos adyacentes ocupan la posicion
> del elemento ocultado.
> 2) visibility:hidden; Esta opcion, al igual que el primero oculta al
> elemento pero el espacio ocupado por este se mantiene. Los elementos
> adyacentes siguen manteniendo su posicion original.
___
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
___
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] RV: Mal uso del SPAN
Parece que no se me entendió.
Lo que yo quería es hacer posible la visibilidad del logo, pero no quería
mostrar el texto sobre el logo.
AL hacwer uso del Span, solo moví el texto.
h1 span{
position:absolute;
text-indent:-px;
}
mas no moví la imagen que seguía visible. Así me evitaba que el lector de
pantalla omitiera la lectura de la descripción. No sé si ahora me expliqué
bien, o la solución que le di al asunto no es la más adecuada.
Muchas gracias
Miguel
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Nacho Diez-Quijada Argaya
Enviado el: domingo, 27 de noviembre de 2011 04:23 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] RV: Mal uso del SPAN
Y sin ir tan lejos..., a usuarios que desactivan la carga de imágenes (a no
ser que tenga enlace con title al menos).
Un saludo.
-Mensaje original-
From: Ramón Corominas
Sent: Sunday, November 27, 2011 10:10 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla...
Pablo escribió:
> Tienes 2 opciones.
> 1) display:none; Esta opcion oculta al elemento como tambien su
> espacio ocupado, por ende, los elementos adyacentes ocupan la posicion
> del elemento ocultado.
> 2) visibility:hidden; Esta opcion, al igual que el primero oculta al
> elemento pero el espacio ocupado por este se mantiene. Los elementos
> adyacentes siguen manteniendo su posicion original.
___
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] RV: Mal uso del SPAN
Antes yo usaba 'display_:none' (mal pues) pero como lo manifesté en su
momento, el problema lo solucioné al rato con:
h1 span{
position:absolute;
text-indent:-px;
}
justamente para evitar la omisión del lector de pantallas.
Gracias por tu aporte
Saludos
Miguel
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Ramón Corominas
Enviado el: domingo, 27 de noviembre de 2011 04:11 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla...
Pablo escribió:
> Tienes 2 opciones.
> 1) display:none; Esta opcion oculta al elemento como tambien su
> espacio ocupado, por ende, los elementos adyacentes ocupan la posicion
> del elemento ocultado.
> 2) visibility:hidden; Esta opcion, al igual que el primero oculta al
> elemento pero el espacio ocupado por este se mantiene. Los elementos
> adyacentes siguen manteniendo su posicion original.
___
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] RV: Mal uso del SPAN
Y sin ir tan lejos..., a usuarios que desactivan la carga de imágenes (a no ser que tenga enlace con title al menos). Un saludo. -Mensaje original- From: Ramón Corominas Sent: Sunday, November 27, 2011 10:10 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] RV: Mal uso del SPAN Y ambas oociones serán inaccesibles a un lector de pantalla... Pablo escribió: > Tienes 2 opciones. > 1) display:none; Esta opcion oculta al elemento como tambien su espacio > ocupado, por ende, los elementos adyacentes ocupan la posicion del > elemento > ocultado. > 2) visibility:hidden; Esta opcion, al igual que el primero oculta al > elemento pero el espacio ocupado por este se mantiene. Los elementos > adyacentes siguen manteniendo su posicion original. ___ 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] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla... Pablo escribió: > Tienes 2 opciones. > 1) display:none; Esta opcion oculta al elemento como tambien su espacio > ocupado, por ende, los elementos adyacentes ocupan la posicion del elemento > ocultado. > 2) visibility:hidden; Esta opcion, al igual que el primero oculta al > elemento pero el espacio ocupado por este se mantiene. Los elementos > adyacentes siguen manteniendo su posicion original. ___ 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] RV: Mal uso del SPAN
Tienes 2 opciones.
1) display:none; Esta opcion oculta al elemento como tambien su espacio
ocupado, por ende, los elementos adyacentes ocupan la posicion del elemento
ocultado.
2) visibility:hidden; Esta opcion, al igual que el primero oculta al
elemento pero el espacio ocupado por este se mantiene. Los elementos
adyacentes siguen manteniendo su posicion original.
El 25 de noviembre de 2011 21:10, zegol gol escribió:
> De nada, y gracias por haber aclarado la cosa.
>
> Suerte.
>
> El día 26 de noviembre de 2011 02:21, MIguel Flores Franco
> escribió:
> > Hola, ya lo había resuelto como mencioné en correo anterior:
> >
> > Lo corregí cambiando el orden de las etiquetas
> >
> >
> > < span> Esconde este texto
> >
> > Entendí que SPAN puede ir entre líneas para aplicar el estilo
> > exclusivamente a un elemento
> >
> > LO de "display : none;" lo he venido usando durante años, aunque tiene
> sus
> > inconvenientes;
> >
> > Entonces:
> >
> > h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
> > position:absolute;
> > text-indent:-px;
> > }
> >
> > Gracias mil
> >
> > Miguel
> >
> > -Mensaje original-
> > De: ovillo-boun...@lists.ovillo.org [mailto:
> ovillo-boun...@lists.ovillo.org]
> > En nombre de zegol gol
> > Enviado el: viernes, 25 de noviembre de 2011 06:10 p.m.
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] RV: Mal uso del SPAN
> >
> > Hola,
> > Acabo de leer tu duda y si entiendo bien lo que pides, intenta probar
> con lo
> > siguiente :
> >
> > En tu CSS, pon esto : display: none; EN VEZ de TEXT-INDENT : -px y
> nos
> > comentas.
> >
> > Suerte.
> >
> > El día 25 de noviembre de 2011 23:56, MIguel Flores Franco
> > escribió:
> >> Lo corregí cambiando el orden de las etiquetas
> >>
> >>
> >>
> >>
> >>
> >> < span> Esconde este texto
> >>
> >>
> >>
> >> Entendí que SPAN puede ir entre líneas para aplicar el estilo
> >> exclusivamente a un elemento
> >>
> >>
> >>
> >> Entonces:
> >>
> >>
> >>
> >> h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
> >>
> >> position:absolute;
> >>
> >> text-indent:-px;
> >>
> >> }
> >>
> >>
> >>
> >> Cayéndose también se aprende :)
> >>
> >>
> >>
> >>
> >>
> >> Gracias
> >>
> >>
> >>
> >> Miguel)
> >>
> >>
> >>
> >>
> >>
> >> De: MIguel Flores Franco [mailto:mikerfra...@gmail.com] Enviado el:
> >> viernes, 25 de noviembre de 2011 05:46 p.m.
> >> Para: 'Ovillo, la lista de CSS en castellano'
> >> Asunto: Mal uso del SPAN
> >>
> >>
> >>
> >> Buenas noches, acá nuevamente con un problema:
> >>
> >>
> >>
> >> Quiero ocultar un texto y en la página se ve bien, pero no valida en
> >> Modo XHTML 1.0 Strict.
> >>
> >>
> >>
> >> Código:
> >>
> >> --
> >> --
> >> --
> >>
> >> HTML
> >>
> >> Esconde este texto
> >>
> >>
> >>
> >> CSS
> >>
> >>
> >>
> >> span h1{
> >>
> >> position:absolute;
> >>
> >> text-indent:-px;
> >>
> >> }
> >>
> >> --
> >
> >
> > ___
> > 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
>
--
Pablo Muñoz
Linux User 480519
___
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] RV: Mal uso del SPAN
De nada, y gracias por haber aclarado la cosa.
Suerte.
El día 26 de noviembre de 2011 02:21, MIguel Flores Franco
escribió:
> Hola, ya lo había resuelto como mencioné en correo anterior:
>
> Lo corregí cambiando el orden de las etiquetas
>
>
> < span> Esconde este texto
>
> Entendí que SPAN puede ir entre líneas para aplicar el estilo
> exclusivamente a un elemento
>
> LO de "display : none;" lo he venido usando durante años, aunque tiene sus
> inconvenientes;
>
> Entonces:
>
> h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
> position:absolute;
> text-indent:-px;
> }
>
> Gracias mil
>
> Miguel
>
> -Mensaje original-
> De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
> En nombre de zegol gol
> Enviado el: viernes, 25 de noviembre de 2011 06:10 p.m.
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] RV: Mal uso del SPAN
>
> Hola,
> Acabo de leer tu duda y si entiendo bien lo que pides, intenta probar con lo
> siguiente :
>
> En tu CSS, pon esto : display: none; EN VEZ de TEXT-INDENT : -px y nos
> comentas.
>
> Suerte.
>
> El día 25 de noviembre de 2011 23:56, MIguel Flores Franco
> escribió:
>> Lo corregí cambiando el orden de las etiquetas
>>
>>
>>
>>
>>
>> < span> Esconde este texto
>>
>>
>>
>> Entendí que SPAN puede ir entre líneas para aplicar el estilo
>> exclusivamente a un elemento
>>
>>
>>
>> Entonces:
>>
>>
>>
>> h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
>>
>> position:absolute;
>>
>> text-indent:-px;
>>
>> }
>>
>>
>>
>> Cayéndose también se aprende :)
>>
>>
>>
>>
>>
>> Gracias
>>
>>
>>
>> Miguel)
>>
>>
>>
>>
>>
>> De: MIguel Flores Franco [mailto:mikerfra...@gmail.com] Enviado el:
>> viernes, 25 de noviembre de 2011 05:46 p.m.
>> Para: 'Ovillo, la lista de CSS en castellano'
>> Asunto: Mal uso del SPAN
>>
>>
>>
>> Buenas noches, acá nuevamente con un problema:
>>
>>
>>
>> Quiero ocultar un texto y en la página se ve bien, pero no valida en
>> Modo XHTML 1.0 Strict.
>>
>>
>>
>> Código:
>>
>> --
>> --
>> --
>>
>> HTML
>>
>> Esconde este texto
>>
>>
>>
>> CSS
>>
>>
>>
>> span h1{
>>
>> position:absolute;
>>
>> text-indent:-px;
>>
>> }
>>
>> --
>
>
> ___
> 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] RV: Mal uso del SPAN
Hola, ya lo había resuelto como mencioné en correo anterior:
Lo corregí cambiando el orden de las etiquetas
< span> Esconde este texto
Entendí que SPAN puede ir entre líneas para aplicar el estilo
exclusivamente a un elemento
LO de "display : none;" lo he venido usando durante años, aunque tiene sus
inconvenientes;
Entonces:
h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
position:absolute;
text-indent:-px;
}
Gracias mil
Miguel
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de zegol gol
Enviado el: viernes, 25 de noviembre de 2011 06:10 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] RV: Mal uso del SPAN
Hola,
Acabo de leer tu duda y si entiendo bien lo que pides, intenta probar con lo
siguiente :
En tu CSS, pon esto : display: none; EN VEZ de TEXT-INDENT : -px y nos
comentas.
Suerte.
El día 25 de noviembre de 2011 23:56, MIguel Flores Franco
escribió:
> Lo corregí cambiando el orden de las etiquetas
>
>
>
>
>
> < span> Esconde este texto
>
>
>
> Entendí que SPAN puede ir entre líneas para aplicar el estilo
> exclusivamente a un elemento
>
>
>
> Entonces:
>
>
>
> h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
>
> position:absolute;
>
> text-indent:-px;
>
> }
>
>
>
> Cayéndose también se aprende :)
>
>
>
>
>
> Gracias
>
>
>
> Miguel)
>
>
>
>
>
> De: MIguel Flores Franco [mailto:mikerfra...@gmail.com] Enviado el:
> viernes, 25 de noviembre de 2011 05:46 p.m.
> Para: 'Ovillo, la lista de CSS en castellano'
> Asunto: Mal uso del SPAN
>
>
>
> Buenas noches, acá nuevamente con un problema:
>
>
>
> Quiero ocultar un texto y en la página se ve bien, pero no valida en
> Modo XHTML 1.0 Strict.
>
>
>
> Código:
>
> --
> --
> --
>
> HTML
>
> Esconde este texto
>
>
>
> CSS
>
>
>
> span h1{
>
> position:absolute;
>
> text-indent:-px;
>
> }
>
> --
___
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] RV: Mal uso del SPAN
Hola,
Acabo de leer tu duda y si entiendo bien lo que pides, intenta probar
con lo siguiente :
En tu CSS, pon esto : display: none; EN VEZ de TEXT-INDENT : -px y
nos comentas.
Suerte.
El día 25 de noviembre de 2011 23:56, MIguel Flores Franco
escribió:
> Lo corregí cambiando el orden de las etiquetas
>
>
>
>
>
> < span> Esconde este texto
>
>
>
> Entendí que SPAN puede ir entre líneas para aplicar el estilo
> exclusivamente a un elemento
>
>
>
> Entonces:
>
>
>
> h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
>
> position:absolute;
>
> text-indent:-px;
>
> }
>
>
>
> Cayéndose también se aprende :)
>
>
>
>
>
> Gracias
>
>
>
> Miguel)
>
>
>
>
>
> De: MIguel Flores Franco [mailto:mikerfra...@gmail.com]
> Enviado el: viernes, 25 de noviembre de 2011 05:46 p.m.
> Para: 'Ovillo, la lista de CSS en castellano'
> Asunto: Mal uso del SPAN
>
>
>
> Buenas noches, acá nuevamente con un problema:
>
>
>
> Quiero ocultar un texto y en la página se ve bien, pero no valida en Modo
> XHTML 1.0 Strict.
>
>
>
> Código:
>
>
> --
>
> HTML
>
> Esconde este texto
>
>
>
> CSS
>
>
>
> span h1{
>
> position:absolute;
>
> text-indent:-px;
>
> }
>
>
> --
>
>
>
> Muchas gracias por vuestro soporte.
>
>
>
> Miguel
>
>
>
> ___
> 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] RV: Mal uso del SPAN
Lo corregí cambiando el orden de las etiquetas
< span> Esconde este texto
Entendí que SPAN puede ir entre líneas para aplicar el estilo
exclusivamente a un elemento
Entonces:
h1 span{ /*EN el mismo orden en que aparecen las etiquetas*/
position:absolute;
text-indent:-px;
}
Cayéndose también se aprende :)
Gracias
Miguel)
De: MIguel Flores Franco [mailto:mikerfra...@gmail.com]
Enviado el: viernes, 25 de noviembre de 2011 05:46 p.m.
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Mal uso del SPAN
Buenas noches, acá nuevamente con un problema:
Quiero ocultar un texto y en la página se ve bien, pero no valida en Modo
XHTML 1.0 Strict.
Código:
--
HTML
Esconde este texto
CSS
span h1{
position:absolute;
text-indent:-px;
}
--
Muchas gracias por vuestro soporte.
Miguel
___
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
