Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/10/2010, 22:57
Avatar de newmesis
newmesis
 
Fecha de Ingreso: octubre-2010
Ubicación: Chillán, Chile, Chile
Mensajes: 42
Antigüedad: 14 años, 1 mes
Puntos: 0
problema con las cajas y bordes

hola ..ele problema es el siguiente la caja con la omajen me toma mucho acia el lado derecho como lo muestra en la imajen por lo cual la caja de afcebook pasa asia abajo y duplica solo el logo

estos son los codigos



Código:
#botonesfooter 
{
width: 193px;
height: 62px;

z-indez:550;
top: -62px; left: 500px;  
position:relative;
}


face {display:block; width:193px; height:62px; text-indent:-9999px;  } 

.face a {display:block; width:193px; height:62px; background:transparent url(http://img28.imageshack.us/img28/1887/faceql.png ) no-repeat top left; outline:none; } 

.face a:hover { background-position:0 -62px; }



#botonesfooter2 
{
width: 193px;
height: 62px;

z-indez:551;
top: 0px; left: 700px;  
position:relative; 

}


twr {display:block; width:193px; height:62px; text-indent:-9999px;  } 

.twr a {display:block; width:193px; height:62px; background:transparent url(http://img43.imageshack.us/img43/1760/55020095.png) 
no-repeat top left; outline:none; } 

.twr a:hover { background-position:0 -62px; }

#botonesfooter3 
{
width: 193px;
height: 62px;
z-index: 552; 
top: 0px; left: 0px;  

}


you {display:block; width:193px; height:62px; text-indent:-9999px;  } 

.you a {display:block; width:193px; height:62px; background:transparent url(http://img844.imageshack.us/img844/71/youg.png) no-repeat top left; outline:none; } 

.you a:hover { background-position:0 -62px; }



Código:

<div id="botonesfooter2"><p class="twr"><a href="http://www.Twitter.Com/LeonMan88" target="_blank"</a></p>
</div>

<div id="botonesfooter"><p class="face"><a href="http://www.facebook.com/pages/LeonMan/114789888974" target="_blank"</a></p>
</div>