Foros del Web » Creando para Internet » CSS »

Como ocultar contenido con css?

Estas en el tema de Como ocultar contenido con css? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/10/2010, 12:56
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 13 años
Puntos: 145
Como ocultar contenido con css?

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.
__________________
http://chicho.ninja yiaaaa
  #2 (permalink)  
Antiguo 06/10/2010, 13:06
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 13 años
Puntos: 145
Respuesta: Como ocultar contenido con css?

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.
__________________
http://chicho.ninja yiaaaa
  #3 (permalink)  
Antiguo 06/10/2010, 21:21
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Como ocultar contenido con css?

=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
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #4 (permalink)  
Antiguo 06/10/2010, 22:01
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 9 años, 4 meses
Puntos: 105
Respuesta: Como ocultar contenido con css?

Yo prefiero asi:

Código HTML:
Ver original
  1. <div id="header">
  2.     <h1>Mi web es la mejor</h1>
  3.     <a href="http://www.miweb.cl"><img src="images/logo.png" alt="Mi web es la mejor" /></a>
  4. </div>
Código CSS:
Ver original
  1. #header h1 {
  2.     height: 0;
  3.     text-indent: -5000px;
  4. }

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
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #5 (permalink)  
Antiguo 07/10/2010, 08:50
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 13 años
Puntos: 145
Respuesta: Como ocultar contenido con css?

Cita:
Iniciado por Dalvenjha Ver Mensaje
=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
__________________
http://chicho.ninja yiaaaa
  #6 (permalink)  
Antiguo 07/10/2010, 08:51
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 13 años
Puntos: 145
Respuesta: Como ocultar contenido con css?

Cita:
Iniciado por masterojitos Ver Mensaje
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.
__________________
http://chicho.ninja yiaaaa
  #7 (permalink)  
Antiguo 07/10/2010, 09:56
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Como ocultar contenido con css?

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!
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #8 (permalink)  
Antiguo 07/10/2010, 13:02
 
Fecha de Ingreso: octubre-2009
Mensajes: 35
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Como ocultar contenido con css?

No he visto eso. Donde puedo ver un ejemplo?
  #9 (permalink)  
Antiguo 07/10/2010, 14:10
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 13 años
Puntos: 145
Respuesta: Como ocultar contenido con css?

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
__________________
http://chicho.ninja yiaaaa

Etiquetas: contenido
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:49.