Foros del Web » Creando para Internet » CSS »

Problema al cambiar la imagen de posición

Estas en el tema de Problema al cambiar la imagen de posición en el foro de CSS en Foros del Web. En este sitio www.viajesalondra.com tengo un botón que dice entrar. En realidad en la imagen son dos botones como aquí podrán ver www.viajesalondra.com/entrar.jpg pero al ...
  #1 (permalink)  
Antiguo 21/09/2010, 14:35
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Problema al cambiar la imagen de posición

En este sitio www.viajesalondra.com tengo un botón que dice entrar. En realidad en la imagen son dos botones como aquí podrán ver www.viajesalondra.com/entrar.jpg pero al pasar el mouse la imagen invade la parte de arriba, ¿como le puedo hacer para que no lo haga y pueda hacer bien el efecto que necesito que la imagen haga.

Este es el código.

Código:
<style>


#flash{
	display:block;
	width:650px;
	height:400px;
	border:10px #9E76B4 solid;
	margin:0 auto;
}

#entrar{
	width:165px;
	height:66px;
	margin: 0 auto;
}

#entrar a{
	display:block;
	width:165px;
	height:66px;
	background:url(entrar.jpg);

}
#entrar a:hover{
	display:block;
	width:165px;
	height:139px;
	background:url(entrar.jpg);
	position:relative;
	top:-69px;

}
</style>
</head>

<body>
	<div id="flash">
        <OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="650" height="400" CODEBASE="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0">

		<PARAM NAME="MOVIE" VALUE="intro.swf">
		<PARAM NAME="PLAY" VALUE="true">
		<PARAM NAME="LOOP" VALUE="true">
		<PARAM NAME="QUALITY" VALUE="high">
		<EMBED SRC="intro.swf" width="650" height="400" PLAY="true" LOOP="true" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi? 				P1_Prod_Version=ShockwaveFlash">
		</EMBED>
		</OBJECT>
   </div>
   
   <div id="entrar">
   		<a href="www.viajesalondra.com/cms"></a>
   </div>
</body>
  #2 (permalink)  
Antiguo 21/09/2010, 14:50
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Respuesta: Problema al cambiar la imagen de posición

Ya pude. Cambié
top:-69px;

por:
background-position:0px -69px;

Y listo

Etiquetas: Ninguno
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:03.