Foros del Web » Creando para Internet » CSS »

Imagen con ":hover"

Estas en el tema de Imagen con ":hover" en el foro de CSS en Foros del Web. hola nuevamente, Tengo un problema, vi una pagina que euiero copiar los estilos para un Boton q es es una imagen, y cuando el mouse ...
  #1 (permalink)  
Antiguo 14/08/2008, 14:31
 
Fecha de Ingreso: junio-2008
Mensajes: 64
Antigüedad: 9 años, 5 meses
Puntos: 0
Imagen con ":hover"

hola nuevamente,
Tengo un problema, vi una pagina que euiero copiar los estilos para un Boton q es es una imagen, y cuando el mouse para sobre el boton la imagen cambia de color.

Bueno lo que hice fue compiarme la imagen y compiarme los estilos con firebug, pero no logro obtener el efecto si alguien me ayudara..

esta es la pagina: http://www.buzzdash.com/index.php?page=category&C_id=5

aqui esta el link de la imagen http://i.buzzdash.com//lang/en/bbt/1/bb_but_public_com.gif

bueno y aqui esta el estilo:

Código:
.buzzbite a.bb-but-com {buzzbite.css (line 54)
background-image:url(bb_but_public_com.gif);
}
.buzzbite a.bb-but-com, .buzzbite img.bb-but-com-spacer {buzzbite.css (line 234)
width:60px;
}
.buzzbite .actions a {buzzbite.css (line 204)
background:transparent none no-repeat scroll left bottom;
display:block;
float:left;
height:15px;
margin-right:5px;
}
.buzzbite a, .buzzbite a:hover {buzzbite.css (line 25)
border:medium none;
text-decoration:none;
}
a {page_style.css (line 11)
text-decoration:none;
}
bueno se q lo tengo todo para hacer, pero no logro obtener lo q deseo, tansolo q aparezcan las dos imagenes.

tambien tengo mi codigo de Html. q lo llama a mi .css

Bueno espero q me ayuden
Gracias
  #2 (permalink)  
Antiguo 14/08/2008, 16:02
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 10 años, 3 meses
Puntos: 23
Respuesta: Imagen con ":hover"

Que tal, aqui te dejo un tema anterior, ahi se dicen sugerencia de javascript y de CSS

http://www.forosdelweb.com/f53/onmouseover-imagenes-560087/
  #3 (permalink)  
Antiguo 14/08/2008, 16:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Imagen con ":hover"

Es que has copiado mal los estilos. Si has usado el mismo html, es decir, si conservas las clases y demás tal cual, prueba así:

Cita:
.buzzbite a.bb-but-com {background-image:url(bb_but_public_com.gif);
}
.buzzbite a.bb-but-com, .buzzbite img.bb-but-com-spacer {width:60px;
}
.buzzbite a.bb-but-com:hover {background-position: left bottom;
}
.buzzbite .actions a {background:transparent none no-repeat scroll left bottom;
display:block;
float:left;
height:15px;
margin-right:5px;
}
.buzzbite a, .buzzbite a:hover {border:medium none;
text-decoration:none;
}
a {text-decoration:none;
}
__________________
Visita mi nueva web idplus.org
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 07:22.