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

Question

[Игорь Мамонтов]

Как можно разместить по центру блок с картинками? При включении или отключении картинок awesomescreenshot.com/0dd2jotb49

Вот код, отвечающий за этот блок

<td colspan=2 height=185 valign=top><div class=menui>
<?
$res = mysql_query("SELECT * from Block WHERE on_off=2 ORDER BY sort");
$num = mysql_num_rows($res);
if ($num) {
    $sb = floor(146*(6-$num)/($num-1)+4);
	echo "<style type=\"text/css\">.menui{margin-left:".(450-$sb)."px;}.menui .bl{margin-left:".$sb."px;}</style>";
	for ($a=0; $a<$num; $a++) {
		echo "<div class=bl><div class=im><a href=\"".mysql_result($res,$a,"url")."\"><img src=\"/images/menu/".mysql_result($res,$a,"id").".".mysql_result($res,$a,"type")."\" width=116 height=116 border=0><span>".mysql_result($res,$a,"body")."</span></a></div></div>";
	}
}
?>
			</div></td>

У меня такое подозрение, что просто выставить правильное число в строке {margin-left:".(450-$sb)."px;}

Answer 1

[Alexander Mekhonoshin]

1. Смешивать логику и представление очень плохо ;-)
2. Этот вопрос не относится к php и даже к html. Это про css.
3. Центрирование по-любому можно сделать без вмешательства php.

Можно попробовать так:

.menui {
   margin: 0 auto;
   text-align: center;
}

Comments

[Сергей Протько]

так как у нас все в таблице, то... может вы хотели сказать
vertical-align: middle?

[Alexander Mekhonoshin]

Кстати, там устаревшее свойство вертикального позиционирования: valign=top...

Тут имеется в виду горизонтальное позиционирование, потому я написал text-align: center;

А margin: 0 auto; написал не углубляясь в изучение этого кода...