Mave (30 Июнь 2014 - 19:35) писал:
здравствуйте
пока было три окошка, все было хорошо. при добавлении 4 окошка случилось такое (скрин прилагается), хотелось бы сделать по 3 в ряд.
В файле "main.css".
Найти:
.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 230px 68px;
overflow:hidden;
padding-bottom: 2em;
}
Заменить:
.content_page {
overflow:hidden;
padding-bottom: 2em;
}
После того как вы добавили 4 элемент, у вас нарушилась верстка сайта.
Вам необходимо удалить один из элементов из этого блока
{% IFNOT index_page_goods_empty %}
<div class="pad-box">
<h3></h3>
<table>
<tr>
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="http://silk-present.ru/catalog/Rasprodazha" title="Перейти к категории «Распродажа»"><img class="goods-cat-image-medium" src="http://i2.silk-present.ru/1/2270/22690851/a35910/rasprodazha.jpg" alt="Распродажа"></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="http://silk-present.ru/catalog/Rasprodazha" title="Перейти к категории «Распродажа»">Распродажа</a></h2>
</div>
</td>
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="http://silk-present.ru/catalog/Byaz-3" title="Перейти к категории «Бязь»"><img class="goods-cat-image-medium" src="http://i1.silk-present.ru/1/2484/24831475/3d5f0e/postelnoe-bele-quot-benefis-quot.jpg" alt="Бязь"></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="http://silk-present.ru/catalog/Byaz-3" title="Перейти к категории «Бязь»">Бязь</a></h2>
</div>
</td>
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="http://silk-present.ru/catalog/Byaz-4" title="Перейти к категории «Бязь 3D»"><img class="goods-cat-image-medium" src="http://i1.silk-present.ru/1/2484/24831525/3d5f0e/postelnoe-bele-quot-voshishhenie-quot.jpg" alt="Бязь 3D"></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="http://silk-present.ru/catalog/Byaz-4" title="Перейти к категории «Бязь 3D»">Бязь 3D</a></h2>
</div>
</td>
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="http://silk-present.ru/catalog/Hlopkovyj-kraj" title="Перейти к категории «Сатин.Хлопковый край»"><img class="goods-cat-image-medium" src="http://i1.silk-present.ru/1/2486/24859067/3d5f0e/satin.jpg" alt="Сатин.Хлопковый край"></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="http://silk-present.ru/catalog/Hlopkovyj-kraj" title="Перейти к категории «Сатин.Хлопковый край»">Сатин.Хлопковый край</a></h2>
</div>
</td>
</tr>
</table>
</div>
{% ENDIF %}
Например
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="http://silk-present.ru/catalog/Hlopkovyj-kraj" title="Перейти к категории «Сатин.Хлопковый край»"><img class="goods-cat-image-medium" src="http://i1.silk-present.ru/1/2486/24859067/3d5f0e/satin.jpg" alt="Сатин.Хлопковый край"></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="http://silk-present.ru/catalog/Hlopkovyj-kraj" title="Перейти к категории «Сатин.Хлопковый край»">Сатин.Хлопковый край</a></h2>
</div>
</td>