Foros del Web » Creando para Internet » CSS »

Imagen rollover con css.

Estas en el tema de Imagen rollover con css. en el foro de CSS en Foros del Web. Recien acabo de aprender como hacer un rollover pero con texto, es decir, un texto pero que cambia la imagen del fondo. Lo que ahora ...
  #1 (permalink)  
Antiguo 24/09/2005, 14:42
 
Fecha de Ingreso: septiembre-2005
Mensajes: 16
Antigüedad: 12 años, 2 meses
Puntos: 0
Imagen rollover con css.

Recien acabo de aprender como hacer un rollover pero con texto, es decir, un texto pero que cambia la imagen del fondo.
Lo que ahora quiero es que sea la imagen que cambie sin necesidad de texto. que cambie en el estado hover pero que no exista texto.

DEsde ya gracias

Edit: lo solucione con este codigo:

Código:
#menu a {
		display:block;
 		width: 350px;
		height: 99px;
		background: url("button.gif") 0 0 no-repeat;
		text-indent: -9000px;
   }
Donde mando el texto con text-indent: -9000px; a un lugar poco visible.

Lo descubri viendo css de otras paginas, asi que no me doy el credito.

Como quedo terminado:

Ejemplo

Última edición por hybrideology; 24/09/2005 a las 16:05
  #2 (permalink)  
Antiguo 25/09/2005, 01:26
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
En vez de usar el text-indent para ocultar el texto, puedes utilizar esta solución más elegante:

En tu HTML:

<a href="algunlugar"><span>El texto invisible</span></a>

En tu CSS:

a span{
display: none;
}
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #3 (permalink)  
Antiguo 26/09/2005, 09:18
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 7 meses
Puntos: 0
hay uno muy bueno usando el background-position
http://www.baluart.net/articulo.php?id_art=2
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 05:45.