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
