Наименование товара наложенная цена. Как исправить?

Question

ПРИВЕТ KIND дамы и господа,

http://www.statis-online.comДля домашнюю страницу корневого каталога,

Название продукта перекрывает цену продукта (Если название длинное).

-Мы хотели бы знать, как сделать имя и цену продукта не перекрывающимися! (пошаговые инструкции Предпочтительный. Не очень удобный код)

Либо путем изменения размера слов? или Ставка?

Другие предложения приветствуются!

Спасибо!

Answer 1

В файле style.css у вас есть:

.products-grid .product-name a { 
display: block; 
color: #222; 
height: 44px; 
font-size: 13px; 
font-weight: bold; 
} 

Вы должны удалить высоты свойство, как связи устанавливаются для отображения в виде блоков, поэтому деталь не получите больше, чем высота набор 44px и он переполняется для следующего элемента.

Это исправит проблему с именем, но сделает ящики с документами с разной высотой.

Чтобы исправить это удалить набор высоту за цену коробки и установить высоту и положение: относительная для .item дном.

Затем вы можете установить коробку цены и и «добавить в корзину» кнопку позиционироваться абсолютной и установить их, чтобы быть в нижней части .item дном.

Таким образом, вы будете иметь:

.products-grid .item-bottom { 
padding: 10px; 
height: 155px; 
background: url(../images/griditem-bottom.gif) repeat-x left top; 
position: relative; 
} 

.products-grid .product-name a { 
display: block; 
color: #222; 
/* height: 44px; */ 
font-size: 13px; 
font-weight: bold; 
} 

.products-grid .price-box { 
margin: 5px 0; 
/* height: 58px; */ 
position: absolute; 
bottom: 40px; 
} 

.products-grid .actions { 
height: 26px; 
position: absolute; 
bottom: 10px; 
}