VPF::Как вывести массив в три колонки?

arashvg

Дата 21.8.2012, 17:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 19.6.2009

Репутация: нет
Всего: нет

Есть массив который сдержит HTML код.
Формируется массив следующим кодом:

Код

 $html=array();
    for ($l = 0; $l < count($ukanal1[1]); $l++) { 
      $html[$l]='<TABLE BORDER=0 <TD width=100%><TR><TD width=100%>
      <a href=admin.php?mod=tv&id='.$ukanal1[1][$l].' > '.$ukanal1[2][$l].'</a>
      </TD> <TD width=20px align="right">
      <input type="checkbox"  name="check_del[]" value="'.$ukanal1[1][$l].'">
      </TD></TR></TABLE>';
      }

Собственно вопрос: как вывести этот массив в три колонки? Пробовал с помощью СSS.
Вот так:
       <style>
       .book {
        -moz-column-count: 3; /* Для Firefox */
        -webkit-column-count: 3; /* Для Safari и Chrome */
        column-count: 3;
     margin: 0px auto;
        width: 90%;
       }
       </style>[/CODE]

Но почему-то съезжают строки:

user posted image

Как еще можно корректно отобразить масив в три колонки?

Aliance

Дата 21.8.2012, 17:24 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 14
Всего: 137

Код


<TABLE BORDER=0 <TD width=100%><TR><TD width=100%>

что это?

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Sanchezzz

Дата 21.8.2012, 17:27 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 41
Всего: 60

элементарная задача))

Код


<?

// это ваши данные допустим( я быстро набросал массив из 16 записей )
$masiv[] = '12122';
$masiv[] = '12122';
$masiv[] = '12122';
$masiv[] = '12522';
$masiv[] = '12522';
$masiv[] = '12522';
$masiv[] = '12522';
$masiv[] = '12522';
$masiv[] = '12122';
$masiv[] = '12122';
$masiv[] = '12126';
$masiv[] = '12127';
$masiv[] = '12128';
$masiv[] = '12129';
$masiv[] = '12126';
$masiv[] = '121210';


// высчитываем сколько в колонке должнобыть элементов 
$colum  = round( count($masiv) / 3);  
$i=-1;
foreach($masiv as $item): ++$i;?>
    <?if(0==$i):?><ul><?endif;?>
    <li><a> <?=$i?> <?=$item?></a></li>
    <?if($i==$colum): $i=-1;?></ul><?endif;?>
<?endforeach;
// проверка на закрытие тега 
if($i>-1):?></ul><?endif;?>

Ну дальше через css сделаешь UL float:left в каком не будь див

--------------------

Понравился ответ "+" по репе, не забываем закрывать тему, заказы в LS.

ksnk

Дата 21.8.2012, 18:01 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 96
Всего: 386

Неправильные размеры ячеек таблицы появились из-за лишних <br> или еще каких невидимых тегов. Нужно смотреть порождаемый код в "высоких" ячейках.

Можно частично избежать такого поведения, если установить фиксированный height у этих ячеек.

Это сообщение отредактировал(а) ksnk - 21.8.2012, 18:02

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| PHP: Общие вопросы \| Следующая тема »