La verdad, esta forma de cambiar texto por im�genes me parece un poco "rebuscada". No ser�a m�s f�cil poner una imagen directamente? En un navegador sin im�genes su imagen es sustituida por su texto alternativo. Totalmente accesible y con sentido.
<h1><img src="titulo1.gif" alt="T�tulo1" /></h1> <!-- SIEMPRE HA DE ESCRIBIRSE EL TEXTO ALTERNATIVO --> Eso s�, recuerda que cambiar un texto por una imagen, es menos accesible en el sentido de que no se puede cambiar el tama�o de la letra en navegadores que muestren la imagen. Alejandro Cuesta Astureco-PFS Inform�tica y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com > -----Mensaje original----- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de Milton Mazzarri > Enviado el: viernes, 05 de noviembre de 2004 0:30 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Reemplazo de texto por im�genes > > Saludos Cordiales > > El motivo por el cual escribo a la lista se debe a que he > estado realizando unas pruebas acerca del reemplazo de texto > por im�genes y se me han presentado algunas inquietudes al > respecto. Supongan que tengo la siguiente estructura en el > documento XHTML y no puedo > modificarla: > > <div id="titulo"> > <h1><span>Cabecera</span></h1> > </div> > > Resulta que quiero reemplazar el texto 'Cabecera' por una > imagen de fondo que lleva el mismo texto utilizando CSS, para > ello he hecho lo > siguiente: > > div#titulo h1{ > margin: 0; > height: XXpx; /*donde XX es la altura de la imagen */ > background: url(cabecera.jpg) top left no-repeat; } > div#titulo h1 span{ display: none; } > > Evidentemente hay un problema de accesibilidad, el problema > al que me refiero se da en el caso en que alguien no tenga > activada la carga de im�genes, simplemente no se ver� el > t�tulo, esto se deriva por el uso de la segunda regla > mostrada en el ejemplo. Ahora bien, ante esta situaci�n deseo > consultarles cual ser�a la mejor opci�n para solucionar este problema. > > De igual manera he utilizado otra manera de ocultar el texto > del t�tulo, la propiedad del 'text-indent' con valores > negativos muy grandes, pero igual que antes el t�tulo no > aparece en caso de que la carga de las im�genes sea desactivada. > > La segunda y �ltima inquietud que se me ha presentado hasta > ahora es como puedo "alcanzar" a trav�s de CSS los siguientes > subtitulos para reemplazarlos por im�genes, supongan que lo > siguiente es la estructura del documento en XHTML: > > <div id="cuerpo"> > <h1><span>T�tulo</span></h1> > <p>Viene el primer p�rrafo</p> > <h2><span>Subtitulo 1</span></h2> > <p>Viene el segundo p�rrafo</p> > <h2><span>Subtitulo 2</span></h2> > <p>Viene el tercer p�rrafo</p> > </div> > > Para reemplazar el contenido del 'T�tulo' no he tenido > inconveniente alguno, lo he hecho tal cual como se indico > anteriormente. El inconveniente se me presenta cuando quiero > reemplazar el 'Subtitulo 1' > y el 'Subtitulo 2' de manera independiente, si construyo las > siguientes 2 reglas: > > div#cuerpo h2{ > margin: 0; > height: XXpx; /*donde XX es la altura de la imagen */ > background: url(subitulo1.jpg) top left no-repeat; } > div#cuerpo h2 span{ display: none; } > > L�gicamente estar�a modificando ambos Subt�tulos en vez de > uno, lo m�s f�cil fuese que cada subt�tulo tuviese un > identificador y as� podr�a manipularlos sin mayores > inconvenientes, pero se me presenta el problema que no puedo > modificar el documento XHTML, as� que estoy atado de manos. > Por lo cual recurro ante ustedes para consultarles si en este > caso en particular me olvido del reemplazo de los subt�tulos > por im�genes o si existe alguna manera de "alcanzarlos" > independientemente. > > De antemano quedo agradecido ante ustedes por la ayuda que > puedan brindarme, > -- > # Milton Mazzarri > # Usuario de GNU/Linux: #369158 > # Ubuntu Linux > # Weblog: http://milmazz.blogspot.com > ############ > # En la ruta al 1� Foro Mundial de Tecnolog�a Libre # > Caracas-Venezuela, del 17 al 21 de Noviembre > > _______________________________________________ > Lista de distribuci�n Ovillo > Para escribir a la lista, envia un correo a [EMAIL PROTECTED] > Puedes modificar tus datos o desuscribirte en la siguiente > direcci�n: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org > > > > > _______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
