Jump to content

Смещение кнопок в колонках товара!


Recommended Posts

идет Смещение кнопок в колонках товара!

 

post-328820-0-29983400-1332410424_thumb.jpg

 

Как это исправить и где?

 

код product-list.tpl такой:

 

 

/* product-list.tpl */

#product_list { margin-top: 2em; list-style-type: none }

#product_list li {

border: solid 1px #e7e7e7;

padding: 0px 6px 6px 6px;

height:390px;

width:160px;

float: left;

margin-bottom: 0.3em;

margin-left:7px;

}

 

 

 

#product_list li {

height: 390px

}

#product_list li a {

text-decoration: none;

color: #374853

}

#product_list a.product_img_link {

/*border: solid 1px #e7e7e7;*/

float: left;

margin: 0px auto;

}

#product_list a.product_img_link img { vertical-align: bottom; display: block }

#product_list li h3 { margin: 0.4em 0 }

#product_list li .new {

background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;

border: 1px solid #488C40;

color: white;

font-size: 0.6em;

font-weight: bold;

margin: 0 1em 0 0;

padding: 0 0.4em;

text-transform: uppercase;

vertical-align: 0.3em

}

#product_list li p.product_desc {

margin-bottom: 0;

font-size: 0.92em;

width:160px;

padding-left:0px!important;

height:85px;

}

 

#product_list li div.right_block {

float: left;

width: 160px;

text-align: center;

/*margin-left: 1em;*/

margin-top: 0

}

#product_list li .discount, #product_list li .on_sale, #product_list li .online_only {

color: #da0f00;

text-transform: uppercase;

font-weight: bold;

display: block;

margin-top: -13px!important;

}

#product_list li .reduction {

display: block;

margin-bottom: 0.3em

}

#product_list li .price {

display: block;

font-size: 1.5em;

margin-bottom: 0.2em

}

#product_list li span.availability {

color: #488c40;

font-size: 0.9em

}

#product_list li a.button { margin: 0.5em auto; }

#product_list li p.compare input { vertical-align: text-bottom; }

Link to comment
Share on other sites

×
×
  • Create New...