Como ocultar contenido con css?

[chichote]

Hola amigos foreros.

tengo una inquietud, he visto en algunas web donde ponen algo como esto

<a href="http://www.miweb.cl" alt="">mi web es la mejor</a>

y por css le dan un background a la etiqueta "a", ya sea un logotipo o lo q sea, pero desde la web solo es visible el logo pero el texto que esta entre las etiquetas <a> y </a> desaparece, osea esta pero no es visible.

como logro eso?


saludos y gracias.

[chichote]

bueno ya encontre la solucion, asi q lo posteo aqui :D por si a alguien mas le sirve

por lo q entendi el responsable de este efecto es "text-indent", dejo un ejemplo para que sea mas entendible.

Código:

<div id="logo">
    <a href="http://www.miweb.com">texto descriptivo de mi web</a>
</div>

y el css es:

Código:

#header #logo a
	{
	background:url(../img/logo-w20.png) no-repeat;
	display:block;
	width:182px;
	height:61px;
	background-repeat: no-repeat; 
	background-position:center;
	text-indent:-999px;
	}

saludos.

[Dalvenjha]

=D eso es conocido hace tiempooooooooooooo y es lo lógico pero inténtalo con algunos elementos en ie6 y riámonos juntos =)

Pd.- Yo ya no diseño para ie6 xD

[masterojitos]

Yo prefiero asi:

Código HTML:

<div id="header">
    <h1>Mi web es la mejor</h1>
    <a href="http://www.miweb.cl"><img src="images/logo.png" alt="Mi web es la mejor" /></a>
</div>
 

Código CSS:

#header h1 {
    height: 0;
    text-indent: -5000px;
}
 

Ya que asi el texto esta dentro de un H1, y la imagen esta en una etiqueta img y no como fondo... es decir, para dar mas relevancia al SEO ^^

Suerte

[chichote]

Iniciado por Dalvenjha

=D eso es conocido hace tiempooooooooooooo y es lo lógico pero inténtalo con algunos elementos en ie6 y riámonos juntos =)

Pd.- Yo ya no diseño para ie6 xD

No entiendo tu sarcasmo o burla, postie una duda que tenia y luego postie la solucion que encontre en una pagina de internet, porque asi como yo no se mucho de css, tambien hay mas gente q sabe lo mismo o menos que yo y les puede servir.

saludos

[chichote]

Iniciado por masterojitos

Ya que asi el texto esta dentro de un H1, y la imagen esta en una etiqueta img y no como fondo... es decir, para dar mas relevancia al SEO ^^

Suerte

Perfecto masterojitos, no habia tomado en cuenta ese detalle, y claro, es precisamente para el logo, por lo que h1 viene de perilla.


saludos y gracias.

[Dalvenjha]

Gente sensible, a lo que me refiero es que en IE 6 eso no funciona en muchos elementos, pero puedes encontrar otras soluciones similares usando otras opciones.

Saludos!

[spaniol]

No he visto eso. Donde puedo ver un ejemplo?

[chichote]

aqui tienes un ejemplo http://ericporterdesign.com/innov8/, revisa el logo, la imagen esta dada por css y no incrustada como es lo normal en el html con img.


saludos