Comentarios en: Reemplazo de texto por imágenes mediante CSS

Por: Jose

Jose — Tue, 23 Nov 2010 10:12:20 +0000

Hola, un buen tutorial a partir de ahora lo aplicaré y así mejoraré el seo de mi web, un saludo.

Por: Francis

Francis — Sun, 26 Sep 2010 16:27:23 +0000

Hola, he seguido tus indicaciones pero no consigo que me aparezca la imagen. Te paso el codigo donde quiero insertarla a ver si me puedes echar una mano porque ya he probado todo y nada me sirve

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #9C8D4F;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover

{ background:url(‘../images/barratitulo.gif’);
display:block;
width:447px; /*Ancho de la imagen*/
height:47px; /* alto de la imagen*/
margin:0 0 0 0;
overflow:hidden; /* esto hace que todo lo que queda afuera del tamaño indicado en width y height se oculte y no se vea */
text-indent:-999%; /* Esto hace que el texto se mueva -999% del tamaño del h3 a la izquierda, de modo que no se ve */
}

Gracias por tu ayuda y un saludo

Por: Los enlaces de nuestra pagina: ¿porque son importantes los enlaces? | Blog de la Web

Sat, 20 Feb 2010 05:35:28 +0000

[...] Bueno este es un factor de error muy común en la web, si coloco un enlace en una pagina y entra una persona que no sabe leer, probablemente no tenga idea que significa. Esto es lo que le hacemos a un buscador si le colocamos nuestros enlaces como imágenes, le ponemos algo que un programa (pues los buscadores no son mas que eso) NO SABE LEER, y por lo tanto no podrá saber de que se trata la pagina a la que este enlace apunta. Por cuestiones de diseño se suelen utilizar imágenes como enlaces, porque por ejemplo podemos querer que el enlace este resaltado con un sombreado (cosa que no se puede obtener con HTML sin imágenes), entonces la solución a este problema es utilizar una técnica que se llama Reemplazo de texto por imagen o image replacement. Esto es colocar el enlace en html y por medio de CSS hacer que el texto se oculte y se muestre una imagen en lugar de ese texto!. Aqui tienen un post que indica como hacerlo. [...]

Por: Terminando la pagina de ejemplo – Tutorial HTML y CSS | Blog de la Web

Wed, 10 Feb 2010 03:38:47 +0000

[...] Si quieren saber un poco mas de image-replacement pueden ver en este enlace: reemplazo de texto por imagenes [...]

Por: dacho

dacho — Mon, 08 Feb 2010 06:01:15 +0000

@codu, el codigo css para que la imagen aparezca seria url(codu.gif) no-repeat;

Ademas obviamente todos los otros parametros que aparecen en el codigo mas arriba en el post para que el texto se oculte.

Por: Codu

Codu — Wed, 03 Feb 2010 19:33:30 +0000

Damian, probe copiar y pegar el programa.. Crear un h3 y no me reconoce la imagen. Si tenemos una imagen denominada codu.gif en la misma carpeta que el html como seria el codigo?