Jump to content

Caja imagen texturas se desplaza


Fernanv

Recommended Posts

Hola

Estoy venga a darle vueltas a las medidas de las cajas para que al seleccionar los dos colores superiores de la izquierda no desplaze a los colores de debajo, pero no hay manera.

A ver si alguien puede ayudarme y me ilumina.

El enlace de la página del producto es:

http://www.estoresdecor.com/index.php?id_product=8&controller=product&id_lang=1

Muchas gracias.

Link to comment
Share on other sites

Hola

Copio la parte del codigo que afecta a las texturas

#attributes fieldset {
  padding-bottom: 3px;
}
#attributes fieldset label {
  vertical-align: top;
  display: block;
}
#attributes .attribute_list {
  width: 100%;
}
#attributes .attribute_list .form-control {
  max-width: 230px;
}
#attributes .attribute_list .form-control option {
  background: white;
  color: #7e7f80;
}
#attributes .attribute_list ul {
  clear: both;
}
#attributes .attribute_list ul li {
  float: left;
  margin-right: 10px;
}
.rtl #attributes .attribute_list ul li {
  float: right;
}
.rtl #attributes .attribute_list ul li {
  margin-left: 10px;
  margin-right: inherit;
}
#attributes .attribute_list input.attribute_radio {
  float: left;
  margin-left: 3px;
}
.rtl #attributes .attribute_list input.attribute_radio {
  float: right;
}
.rtl #attributes .attribute_list input.attribute_radio {
  margin-right: 3px;
  margin-left: inherit;
}
#attributes .attribute_list div.radio,
#attributes .attribute_list div.radio span,
#attributes .attribute_list div.radio input {
  float: none;
  display: inline-block;
}
#attributes .attribute_list #color_to_pick_list {
  list-style-type: none;
}
#attributes .attribute_list #color_to_pick_list li {
  float: left;
  margin: 0px 3px 3px 0px;
  padding: 1px;
  border: 1px solid #ededed;
  clear: none;
}
.rtl #attributes .attribute_list #color_to_pick_list li {
  float: right;
}
.rtl #attributes .attribute_list #color_to_pick_list li {
  margin: 0px 0px 3px 3px;

}
#attributes .attribute_list #color_to_pick_list li a.color_pick {
        display: block;
        height: 80px;
        width: 80px;
        cursor: pointer;
}
#attributes .attribute_list #color_to_pick_list li a.color_pick:hover {
    transform: scale(1.2);
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    z-index: 20;


}
#attributes .attribute_list #color_to_pick_list li.selected {
  border: 4px solid #4d4d4d;

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...