CSS: Ocultar texto con text-indent

0 - , - 27/03/2011 19:18:36

Este truco es útil para ocultar un texto que deseamos que el visitiante no vea, pero que a la vez deseamos que esté presente en la web por razones de SEO. Por ejemplo a la hora de colocar el logo de una empresa o marca. Se oculta el texto que se encuentra dentro de las etiqueta h1 y se muestra el logo como fondo en su lugar.

CSS:

h1 {
	text-indent:-9999px;
	margin:0 auto;
	width:400px;
	height:100px;
	background:transparent url("images/logo.jpg") no-repeat scroll;
}

HTML:

<h1>Coches AAA: venta coches, turismos, todoterrenos, furgonetas, segunda mano, motocicletas</h1>

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha