Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Закрытая тема
Ваша тема закрыта, почему это могло произойти? Возможно,
Нет наработок или кода, если нужно готовое решение - создайте тему в разделе Фриланс и оплатите работу.
Название темы включает слова - "Помогите", "Нужна помощь", "Срочно", "Пожалуйста".
Название темы слишком короткое или не отражает сути вашего вопроса.
Тема исчерпала себя, помните, один вопрос - одна тема
Прочитайте правила и заново правильно создайте тему.
 
Опции темы Поиск в этой теме
Старый 27.04.2015, 08:59   #1
antonb770
Пользователь
 
Регистрация: 27.04.2015
Сообщений: 28
По умолчанию

В ячейках таблицы выводятся один и тот же класс div в 1 и 2 столбце все ок, а в 3й див съезжает вверх, выводится все в цикле, условия одинаковые. Может кто сталкивался. Спасибо.

Код:
div.catalog-item-box {  

    background: #b1dd89; /* Фоновый цвет блока */
    width:180px; /* Ширина блока */
    height: 220px; /* Высота блока */
    border:4px solid #27779b; /* Ширина вид и цвет рамки */
    border-radius:20px; /* Радиус скругления углов*/
    -webkit-border-radius:30px; /* Safari, Chrome */
    -moz-border-radius:30px; /* Firefox */
    box-shadow: 0 0 10px 2px #1A3457; /* Тень*/
    -webkit-box-shadow: 0 0 10px 2px #1A3457; /* Safari, Chrome */
    -moz-box-shadow: 0 0 10px 2px #1A3457; /* Firefox */
	margin:auto auto; 
	text-align:center;}
.catalog-item-box:hover{border:4px solid GREEN;}
Код:
$counter = 0;
CModule::IncludeModule('iblock');
$dbSect = CIBlockSection::GetList(
      Array("SORT"=>"ASC"),
      Array("SECTION_ID"=>$arResult["ID"],
         //"DEPTH_LEVEL"=>55,
         ">LEFT_BORDER" => $arResult["LEFT_MARGIN"],
         "<=RIGHT_BORDER" => $arResult["RIGHT_MARGIN"]),
      false);

$cols = 3;
$cur_col = 1;
?>
<!--<b>Группы текущего раздела</b><br>-->
<?
if ($cols > 1): { ?> <table width="100%"> <? } endif;

while ($arSect = $dbSect->GetNext())
{?>

<?
	$counter++;
	$groupImage = '<img src="/images/papka.jpg" height="150" width="150">';
?>

<?
if (isset($arSect['PICTURE']))
{	$groupImage = CFile::ShowImage($arSect['PICTURE'], 150, 150, "", "", false); }
?>

<? if (($cols > 1) && ($cur_col == 1)): { ?><tr><td> <? } endif; ?>
<? if (($cols > 1) && ($cur_col <> 1)): { ?><td> <? } endif; ?>

<!-- <div class="catalog-item-info"> -->
 <div class="catalog-item-box" onclick = "tree_refresh(); document.location.href ='<?echo $arSect["SECTION_PAGE_URL"]; ?>'">
	<div class="catalog-item-image"><?echo $groupImage;?></div>	
	<div class="catalog-item-desc">
	  <!-- обновление в динамике левого меню -->
	  <div class="catalog-item-title"><?echo $arSect["NAME"];?></div>
	</div>
<!-- </div> -->
<!-- </div> -->
</div>
<? if (($cols > 1) && ($cur_col == $cols)): { ?> <div class="catalog-item-separator"></div> <? } endif; ?>

<? if (($cols > 1) && ($cur_col == 1)): { ?> </td> <? } endif; ?>
<? if (($cols > 1) && ($cur_col <> 1)): { ?> </td> <? } endif; ?>
<? if (($cols > 1) && ($cur_col == $cols)): { ?> </td></tr> <? } endif; ?>

<? 
  $cur_col = $cur_col + 1;
  if ($cur_col > $cols) $cur_col = 1;
} ?> 

<? if ($cols > 1): { ?> </table> <? } endif; ?>

<? if (count($arResult['ITEMS']) < 1) 	return; ?>

<?$iter = 1;?>
Решение в следующем сообщении

Последний раз редактировалось Вадим Мошев; 15.05.2018 в 19:42.
antonb770 вне форума
Старый 27.04.2015, 09:27   #2
uberchel
Участник клуба
 
Аватар для uberchel
 
Регистрация: 19.01.2009
Сообщений: 1,455
По умолчанию

Для форматирования текста есть значек #.
Далее скорей всего это происходит из за разного размера 3-го див блока.
Код:
<? if (($cols > 1) && ($cur_col == 1)): { ?><tr><td valign="top"> <? } endif; ?>
<? if (($cols > 1) && ($cur_col <> 1)): { ?><td valign="top"> <? } endif; ?>

Код:
div.catalog-item-box { 

background: #b1dd89; /* Фоновый цвет блока */
width:180px; /* Ширина блока */
height: 220px; /* Высота блока */
border:4px solid #27779b; /* Ширина вид и цвет рамки */
border-radius:20px; /* Радиус скругления углов*/
-webkit-border-radius:30px; /* Safari, Chrome */
-moz-border-radius:30px; /* Firefox */
box-shadow: 0 0 10px 2px #1A3457; /* Тень*/
-webkit-box-shadow: 0 0 10px 2px #1A3457; /* Safari, Chrome */
-moz-box-shadow: 0 0 10px 2px #1A3457; /* Firefox */
margin:auto; 
text-align:center;
overflow:hidden;
}
.catalog-item-box:hover{border:4px solid GREEN;}
uberchel вне форума
Старый 27.04.2015, 09:34   #3
antonb770
Пользователь
 
Регистрация: 27.04.2015
Сообщений: 28
По умолчанию

Спасибо огромное, чет сам так сделать не догадался!!!
antonb770 вне форума
Старый 27.04.2015, 09:54   #4
uberchel
Участник клуба
 
Аватар для uberchel
 
Регистрация: 19.01.2009
Сообщений: 1,455
По умолчанию

Незачта, рад помочь )
uberchel вне форума
Закрытая тема


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Что нужно делать чтобы высота div зависила то дочурного div? Duddu HTML и CSS 2 25.04.2012 21:23
Как растянуть div на оставшуюся высоту родительского div'a? Gans.7 HTML и CSS 0 01.04.2012 10:55
макрос вставка текста между тегами <div> </div> nur91m Microsoft Office Word 2 19.10.2011 22:16
как выровнить div внутри другого div'a по вертикали по центру Arassir HTML и CSS 4 12.03.2011 20:01
div тег как нижний слой для второго div тега dadli HTML и CSS 2 30.07.2010 01:12