Как выровнять картинки?

[ivando]

Подскажите, пожалуйста, как на сайте выровнять картинки, чобы они отображались корректно (на одной линии)? http://fasad.karkas.ru/catalog/

[Алёша]

таблицу сделай с <tr valign=top>

[ivando]

Сообщение от Алёша

таблицу сделай с <tr valign=top>

Не помогает, везде проставленно <tr valign=top>

[Drg]

ivando, Где у тебя ,<tr проставлено? у тебя <td проставлено

[ivando]

Сообщение от Drg

ivando, Где у тебя ,<tr проставлено? у тебя <td проставлено

Проставленно в шаблоне самого компонента bitrix:catalog.section

Прям в http://www.fasad.karkas.ru/catalog/ index.php нет возможности проставить, там компоненты только вызываются.

[flo0]

там у тебя дивы с картинками упакованы в другой див по 3 штуки. Убери этот див, пусть все блоки в <div class="portfolio_con"> будут сплошняком навалены.

[creator123]

они у тебя просто по ширине не влазят исправь

box.product {
display: inline;
float: left;
margin: 0 5px 20px;
overflow: hidden;
padding: 10px;
width: 182px

[ivando]

Сообщение от flo0

там у тебя дивы с картинками упакованы в другой див по 3 штуки. Убери этот див, пусть все блоки в <div class="portfolio_con"> будут сплошняком навалены.

Не пойму какой именно див убрать?

<div class="portfolio_con">
<?if($arParams["DISPLAY_TOP_PAGER"]):?>
<?=$arResult["NAV_STRING"]?><br />
<?endif;?>


<div>


<?foreach($arResult["ITEMS"] as $cell=>$arElement):?>
<?
$this->AddEditAction($arElement['ID'], $arElement['EDIT_LINK'], CIBlock::GetArrayByID($arParams["IBLOCK_ID"], "ELEMENT_EDIT"));
$this->AddDeleteAction($arElement['ID'], $arElement['DELETE_LINK'], CIBlock::GetArrayByID($arParams["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BCS_ELEMENT_DELETE_CONFIRM')));
?>
<?if($cell%$arParams["LINE_ELEMENT_COUNT"] == 0):?>


<div>
<?endif;?>

<td valign=top width="<?=round(100/$arParams["LINE_ELEMENT_COUNT"])?>%" id="<?=$this->GetEditAreaId($arElement['ID']);?>">

<!-- box -->
<div class="box product">
<div class="imgarea product_image preload">
<!-- product image -->
<?if(is_array($arElement["PREVIEW_PICTURE"])):?>

<a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><img border="0" src="<?=$arElement["PREVIEW_PICTURE"]["SRC"]?>" width="<?=$arElement["PREVIEW_PICTURE"]["WIDTH"]?>" height="<?=$arElement["PREVIEW_PICTURE"]["HEIGHT"]?>" alt="<?=$arElement["NAME"]?>" title="<?=$arElement["NAME"]?>" /></a>


<?elseif(is_array($arElement["DETAIL_PICTURE"])):?>

<a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><img border="0" src="<?=$arElement["DETAIL_PICTURE"]["SRC"]?>" width="<?=$arElement["DETAIL_PICTURE"]["WIDTH"]?>" height="<?=$arElement["DETAIL_PICTURE"]["HEIGHT"]?>" alt="<?=$arElement["NAME"]?>" title="<?=$arElement["NAME"]?>" /></a>

<?endif?>
<!-- / product image -->
</div>
<div class="textarea">
<!-- box title-->
<h5><a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><?=$arElement["NAME"]?></a></h5>
<!-- text-->
<hr />
<span class="price"><?foreach($arElement["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?>
<?=$arProperty["NAME"]?>:&nbsp;<?
if(is_array($arProperty["DISPLAY_VALUE"]))
echo implode("&nbsp;/&nbsp;", $arProperty["DISPLAY_VALUE"]);
else
echo $arProperty["DISPLAY_VALUE"];?> <br />
<?endforeach?>


<?=$arElement["PREVIEW_TEXT"]?></span>
</div>

[mycop]

У Вас <td valign=top width="50%" id="bx_2647885750_209">

width="top" ------- пропущенные кавычки

есть же плагин на Мозилу HTML Validate, он многое может показать

[creator123]

ivando, тут здоебучий битрикс никто не знает