Как сделать такую же таблицу?

Question

[Kifw]

Нужно сделать вот такую таблицу:
Подскажите как это сделать. Нужно чтобы эти товары выводились аккуратно, а не как сейчас.

<div class="item_info_section">
<?
	if (!empty($arResult['DISPLAY_PROPERTIES']))
	{
?>
	<dl>
<?
		foreach ($arResult['DISPLAY_PROPERTIES'] as &$arOneProp)
		{
?>
		<dt><? echo $arOneProp['NAME']; ?></dt><dd><?
			echo (
				is_array($arOneProp['DISPLAY_VALUE'])
				? implode(' / ', $arOneProp['DISPLAY_VALUE'])
				: $arOneProp['DISPLAY_VALUE']
			); ?></dd><?
		}
		unset($arOneProp);
?>
	 </dl>
<?
	}
	if ($arResult['SHOW_OFFERS_PROPS'])
	{
?>
	<dl id="<? echo $arItemIDs['DISPLAY_PROP_DIV'] ?>" style="display: none;"></dl>
<?
	}
?>
</div>

Comments

[Сергей delphinpro]

Вам какое нужно решение? Переписать php код, чтобы он таблицу выводил, или в css стилизовать список под таблицу?

Answer 1

[Alex]

getbootstrap.com/css/#tables

Answer 2

[ragimovich]

А вы простых путей не ищете. Может, для начала, просто взять и сделать таблицу из таблицы (<table>), а не из definition list (<dl>)?

Answer 3

[Kifw]

Таблицу я сделал, спасибо. Но загвоздка в том, чтобы закрасить поочередно строки. Не подскажите каким образом это сделать?

Comments

[Иван Дрожжин]

прошу htmlbook.ru/css/nth-child

[Елена]

html5book.ru/oformlenie-tablicy-psevdoklassami