Y no se podria hacer lo que hice yo antes, meter el texto en un span y darle al span display:none. Si es un lector de pantallas lee el texto, y si no admite css muestra el texto.
Un saludo, David Lombardía Gutiérrez -----Mensaje original----- De: Raúl Martín [mailto:[EMAIL PROTECTED] Enviado el: sábado, 20 de agosto de 2005 0:29 Para: Ovillo, la lista de CSS en castellano Asunto: Re[6]: [Ovillo] Favor y duda Hola DeltaIdeas, Huy que vagos estamos hoy ;) http://www.htmlhelp.com/es/reference/css/text/text-indent.html jeje, es broma. text-indent:-9000px; aquí lo que hago es desplazar el texto a la izquierda, lo suficientemente lejos como para que desaparezca de la pantalla. No obstante un lector de pantalla lo leería. Y así nos ahorramos problemas de accesibilidad. No todos, ya que un navegador sin imágenes percibiría un hueco. No es una idea mía, desgraciadamente. http://www.mezzoblue.com/tests/revised-image-replacement/ aquí analizan esta técnica y otras para hacer lo mismo :) Se me olvidaba :) pon el background en los a para que aparezca el carrito :0 se me escapó ul.opcionesProducto li.carrito a{ background:url(carrito.gif) no-repeat 0 0;} Sorry!!! Saturday, August 20, 2005, 12:18:38 AM, you wrote: DDL> Que es el text-indent??? DDL> Un saludo, DDL> David Lombardía Gutiérrez DDL> -----Mensaje original----- DDL> De: Raúl Martín [mailto:[EMAIL PROTECTED] DDL> Enviado el: sábado, 20 de agosto de 2005 0:14 DDL> Para: Ovillo, la lista de CSS en castellano DDL> Asunto: Re[4]: [Ovillo] Favor y duda DDL> Hola DeltaIdeas, DDL> Hay muchas formas de hacer esto, una es esta: DDL> <ul class="opcionesProducto"> DDL> <li class="carrito"><a href="#">agregar carrito</a></li> DDL> <li class="clase2"><a href="#">Opción 2</a></li> DDL> </ul> DDL> ul.opcionesProducto{ DDL> margin:0; padding:0; DDL> position:relative; DDL> list-style-type:none; DDL> /*tal vez un ancho? o ya esta dentro de un bloque con el DDL> marcado????*/ DDL> } DDL> ul.opcionesProducto li.carrito{ DDL> position:relative; /*position relative reserva espacio*/ DDL> display:block; DDL> height:20px; DDL> width:20px;} DDL> ul.opcionesProducto li.clase2{ DDL> position:absolute; DDL> top:0; DDL> left:25px; DDL> height:20px; DDL> width:20px;} DDL> ul.opcionesProducto li a{ DDL> display:block; DDL> text-indent:-9000px; DDL> text-decoration:none; DDL> height:20px; DDL> width:20px;} DDL> /*Suponiendo imagenes de 20x20 y una separación entre ellas de DDL> 5px*/ DDL> Compruebalo y me dices, que lo he hecho sin probarlo :s si DDL> alguien ve algo raro que lo diga please!! DDL> Un saludo DDL>> <a href="#" title="Añadir al carrito: Jarron" DDL>> class="anadir"><span>Añadir al DDL>> carrito</span></a> DDL>> Esa fue la manera que tuve de ponerlo. El span lo puse con display:none DDL> y el DDL>> a como block con el tamaño del area que ocupa el carro. DDL>> Lo unico que ahora me surge otro problema y es que me pidieron poner DDL> dos DDL>> botones en vez de uno, uno al lado del otro, por lo que tengo que dejar DDL> de DDL>> utilizar block. El tema es que si no utilizo block, no puedo dar un DDL> ancho al DDL>> vinculo y al no reconocer ningun texto en medio, hace como si no DDL> estuviese. DDL>> A alguien se le ocurre algo? DDL>> Un saludo y muchas gracias, DDL> Saludos. DDL> _________________________________ DDL> Todo lo que no aprendí, DDL> no se me ha olvidado. DDL> _________________________________ DDL> _______________________________________________ DDL> Lista de distribución Ovillo DDL> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org DDL> Puedes modificar tus datos o desuscribirte en la siguiente dirección: DDL> http://ovillo.org/mailman/listinfo/ovillo DDL> _______________________________________________ DDL> Lista de distribución Ovillo DDL> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org DDL> Puedes modificar tus datos o desuscribirte en la siguiente DDL> dirección: http://ovillo.org/mailman/listinfo/ovillo Saludos. _________________________________ Todo lo que no aprendí, no se me ha olvidado. _________________________________ _______________________________________________ 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
