A las buenas

Daniel Torres Burriel escribió:

El 20/01/2006, a las 10:14, José Montes Cuadrado escribió:

Hola de nuevo. Como no quedaba conforme con ninguna solución, seguí
investigando, y creo que he dado con la solución óptima.
Yo no quiero que el encabezado H1 se vea en la página cuando estén activos
los estilos, pero sí cuando no estén activos. La página dispone de un div en
la parte superior que tiene una imagen de fondo controlada con CSS:


Nosotros en el curro lo implementamos como se ve en http://www.cartv.es


Hasta que Jorge Rumoroso venga para reñirme, aporto mi minúsculo grano de
arena a la discusión. Si estamos hablando de técnicas de reemplazo de texto
con imágenes, hay básicamente 3 soluciones:

Meter el texto del encabezado en un elemento (normalmente span) que
ocultamos con visibility:hidden, como se hace en la web que dice Dani.
Problema: la css oculta siempre el texto. Si deshabilitamos las imágenes por
cualquier motivo no tenemos ni texto ni imágenes.

Utilizamos un text-indent negativo de un valor muy alto para mover el texto
fuera del elemento. Tenemos el mismo problema de antes, con CSS + imágenes
deshabilitadas, no vemos nada.

Añadir al encabezado en cuestión otro elemento o pseudo-elemento que
colocamos encima de éste con css (márgenes negativos, position absolute...
lo que sea), y en el que colocamos como imagen de fondo el rótulo que
queremos mostrar, de forma que al estar por encima del texto lo oculta. De
esta manera el texto está presente siempre. Si hay css con imágenes
deshabilitadas, al no haber imagen, se ve el texto. Para mi, esta es la
mejor solución, ya sea poniendo el elemento extra en el código, que queda no
muy elegante:

<h1>Texto de encabezado<span></span></h1>

O utilizando h1:after, que es infinitamente más elegante. Claro que IE no lo
soporta, y hay que hacer un hack bastante antiestético [1]

Pero vaya, es algo de lo que se ha hablado cienes de veces en esta lista.

saludos

[1] http://fecklessmind.com/main/5/definitive-solution-to-image-replacement


--
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web
http://simplelogica.net  #  (+34) 98 522 12 65

http://simplelogica.net/caoticoneutral/
_______________________________________________
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

Responder a