Ver Mensaje Individual
  #14 (permalink)  
Antiguo 22/05/2013, 05:07
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: ¿Cómo poner una imagen en el borde del container? como en esta web...

No haz hecho mucho caso a lo que te han dicho.

Lo primero es que necesitas que tu contenedor tenga una posición diferente a la de por defecto, que es estática, entonces tu contenedor quedará de esta forma:
Código CSS:
Ver original
  1. #container {
  2.   position: relative;
  3.   width: 1124px;
  4.   height: 880px;
  5.   margin: 0 auto;
  6.   margin-top: 0px;
  7.   border-radius: 50px;
  8.   -moz-border-radius: 50px;
  9.   -webkit-border-radius: 50px;
  10.   -webkit-box-shadow: -1px -4px 23px 9px rgba(255, 141, 148, 0.77);
  11.   box-shadow: -1px -4px 23px 9px rgba(255, 141, 148, 0.77);
  12. }

Realmente es sólo añadir la posición relativa.

Luego, tu div#lazo tiene que tener una posición absoluta y especificar dónde lo quieres exactamente:
Código CSS:
Ver original
  1. #lazo {
  2.   position: absolute;
  3.   top: 100px;
  4.   right: -40px;
  5.   width: 80px;
  6.   height: 62px;
  7.   background-image: url('images/lazo.png');
  8. }

Esto de arriba quedaría en el archivo styles.css en la linea #159. Lo comento porque en la linea #55 del mismo archivo tienes esto, que deberías de eliminar:
Código CSS:
Ver original
  1. #lazo {
  2.   background-image: url('images/lazo.png');
  3.   position: absolute;
  4.   top: 433px;
  5.   left: 444px;
  6. }