Foros del Web » Creando para Internet » CSS »

ocultar texto en rollover

Estas en el tema de ocultar texto en rollover en el foro de CSS en Foros del Web. hola amigos! en rollovers hecho con imágenes en CSS, como se hace para ocultar el texto?? Es decir, quiero que se vea solo la imagen ...
  #1 (permalink)  
Antiguo 14/10/2006, 20:17
Avatar de marce_str  
Fecha de Ingreso: septiembre-2006
Ubicación: La Plata, Argentina
Mensajes: 203
Antigüedad: 17 años, 6 meses
Puntos: 1
ocultar texto en rollover

hola amigos!
en rollovers hecho con imágenes en CSS, como se hace para ocultar el texto??

Es decir, quiero que se vea solo la imagen (que ya incluye un texto con otra tipografia) pero el texto del link quiero que no se vea.

Muchas gracias!
  #2 (permalink)  
Antiguo 16/10/2006, 11:35
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Hum puedes o simplemente no poner texto :)
<a href bla bla><img src bla bla></a>

O si por alguna razón necesitas texto ponle un
<span style="display: none;">Texto</span>
  #3 (permalink)  
Antiguo 16/10/2006, 11:39
Avatar de marce_str  
Fecha de Ingreso: septiembre-2006
Ubicación: La Plata, Argentina
Mensajes: 203
Antigüedad: 17 años, 6 meses
Puntos: 1
No sabia que "display: none;" era para eso. Genial!
MUCHAS GRACIAS!
  #4 (permalink)  
Antiguo 17/10/2006, 11:51
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Hola tambien puedes hacerlo así:

Código HTML:
<span style="visibility:hidden">Texto oculto</span> 
  #5 (permalink)  
Antiguo 17/10/2006, 17:45
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Esta propiedad mantiene el flujo de la caja original.
Cita:
hidden
The generated box is invisible (fully transparent), but still affects layout.
  #6 (permalink)  
Antiguo 17/10/2006, 22:28
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Hola Rafael, no lo sabia... aunque en realidad no termino de enterarme

¿Algun ejemplo a mano?
  #7 (permalink)  
Antiguo 17/10/2006, 22:49
Avatar de opeth  
Fecha de Ingreso: junio-2004
Ubicación: Distrito Federal, México
Mensajes: 338
Antigüedad: 19 años, 9 meses
Puntos: 0
La propiedad display
La propiedad visibility

yo creo que ambas opciones son viables porque me imagino que marce_str especifico las medidas de sus enlaces asi que el efecto que se busca es que no aparezca el texto más que este fuera más grande que el tamaño del enlace que lo contiene en ese caso seria mejor display: none; aunque podria ver problemas de usabilidad y accesibilidad por usar estas técnicas.

Saludos
__________________
Mi blog
  #8 (permalink)  
Antiguo 18/10/2006, 11:31
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Yo resumiría la diferencia entre display y visibility en que el primero afecta el modelo de caja, bloque, inline o lo desaparece.

Visibility no lo modifica, simplemente o lo ves o no lo ves, pero el espacio ocupado ahí sigue reservado.
  #9 (permalink)  
Antiguo 19/10/2006, 02:25
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Ok, gracias a los dos por la explicación
  #10 (permalink)  
Antiguo 19/10/2006, 09:48
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 1 mes
Puntos: 535
Supongo que la imagen es de fondo y está aplicada a un enlace que está como diplay block. Si es así, hacele un text-indent: -10000 y el texto visible del enlace te desaparece (se corre 10.000 pixeles a la izquierda)

Digo... para no agregar un elemento de marcado innecesario para simular un efecto que es totalmente posible con CSS.
__________________
...___...
  #11 (permalink)  
Antiguo 19/10/2006, 10:03
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 576
Antigüedad: 19 años, 6 meses
Puntos: 4
Oooorale, que bien saber todo esto :) ya he tomado nota
__________________
_______
Jorge Rojas.
  #12 (permalink)  
Antiguo 19/10/2006, 10:48
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Cita:
-10000 y el texto visible del enlace te desaparece (se corre 10.000 pixeles a la izquierda)
Ten cuidado con este tipo de cosas... Puede aparecer el texto en la computadora del de al lado. :D
  #13 (permalink)  
Antiguo 19/10/2006, 11:41
Avatar de marce_str  
Fecha de Ingreso: septiembre-2006
Ubicación: La Plata, Argentina
Mensajes: 203
Antigüedad: 17 años, 6 meses
Puntos: 1
jaja, muchas gracias a todos, el text-indent era lo que necesitaba :)
  #14 (permalink)  
Antiguo 19/10/2006, 11:46
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 20 años, 6 meses
Puntos: 5
Cita:
Iniciado por Rafael Ver Mensaje
Ten cuidado con este tipo de cosas... Puede aparecer el texto en la computadora del de al lado. :D
Jajjajajaa me he reido demasiado con esto :D
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #15 (permalink)  
Antiguo 01/11/2006, 11:28
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
¿Qué opinan de la "validez" de este tipo de recursos?
Cita:
-10000 y el texto visible del enlace te desaparece (se corre 10.000 pixeles a la izquierda)
Supongo que de accesibilidad tiene poco.
  #16 (permalink)  
Antiguo 01/11/2006, 11:42
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 20 años, 6 meses
Puntos: 5
Cita:
Iniciado por Rafael Ver Mensaje
¿Qué opinan de la "validez" de este tipo de recursos?


Supongo que de accesibilidad tiene poco.
A mi paticularmente no me gusta, prefiero poner Visibility: hidden;
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #17 (permalink)  
Antiguo 01/11/2006, 18:28
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 1 mes
Puntos: 535
Cita:
Iniciado por Rafael Ver Mensaje
¿Qué opinan de la "validez" de este tipo de recursos?


Supongo que de accesibilidad tiene poco.
La verdad que no lo sé, a mi también me gustaría saber si tiene poco (o no) de accesibilidad. Pero particularmente es el método que más me gusta.
__________________
...___...
  #18 (permalink)  
Antiguo 01/11/2006, 19:13
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 19 años, 9 meses
Puntos: 832
Cita:
Iniciado por Rafael
Supongo que de accesibilidad tiene poco.
Si se corre un texto 10.000px a la izquierda, obviamente el diseñador desea que el usuario no tenga acceso a éste. Pero si se le aplica el {display: none} no sólo se quita del alcance del usuario sino de todo lo que lo hubiese podido leer.
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 00:46.