Таблица умножения

[romantik2011]

Подскажите, как закрасить вот так как на этой картинке? Не могу понять как.

<?php
$cols = 10;
$rows = 10;
$cols1 = 1;
echo '<h1><center>ТАБЛИЦА УМНОЖЕНИЯ</center></h1>';
echo '<table style="border:1px solid black; padding:10px; margin-left:300px;">';
while($cols1<$cols){
$rows1 = 1;
echo '<tr>';
	while($rows1<$rows){
		$rez = $cols1*$rows1;
		echo '<td style="border:1px solid black; padding:20px;">'.$rez. ' '.' </td>';
		$rows1++;
	}
	echo '<br />';
	echo '</tr>';


$cols1++;
}
echo '</table>';
?>

Edited August 9, 2011 by romantik2011

[ctpz]

а стили зачем. сделай три класса (по количеству цветов) и будет тебе счастье

[romantik2011]

В коде как реализовать, не совсем ясно.

[LunatiK]

Не понял, а затруднения в чём ?

<?php
$cols = 10;
$rows = 10;
$cols1 = 1;
echo '<h1><center>ТАБЛИЦА УМНОЖЕНИЯ</center></h1>';
echo '<table style="border:1px solid black; padding:10px; margin-left:300px;">';
while($cols1<$cols){
$rows1 = 1;
echo '<tr>';
        while($rows1<$rows){
                $rez = $cols1*$rows1;

		$color = 'white';
                if ($cols1 == 1) {$color = 'yellow';}
                if ($rows1 == 1) {$color = 'blue';}
                if ($rows1 == 1 && $cols1 == 1) {$color = 'orange';}
                echo '<td style="border:1px solid black; padding:20px; background-color: '.$color.'">'.$rez. ' '.' </td>';
                $rows1++;
        }
        echo '<br />';
        echo '</tr>';


$cols1++;
}
echo '</table>';
?>

[Int]

можно tr:first-child td для первой строки и td:first-child для вертикального столбца

[LunatiK]

можно tr:first-child td для первой строки и td:first-child для вертикального столбца

Ты что ? это же не по PHPовски !

[Vlad]

Тут вообще PHP не нужен. Таблицу выводить через него, раскрашивать через стили, так кошернее всего.

[LunatiK]

Человек, который пишет такое:

echo '<h1><center>ТАБЛИЦА УМНОЖЕНИЯ</center></h1>';

Наврядли справится с таблицей стилями

[romantik2011]

Решил усовершенствовать таблицу умножения, написав функцию., вроде все окей, но никак не красит таблицу.

<?php

function table($cols,$rows,$color1,$color2,$color3){
echo '<div align="center"><h1 align="center">Таблица умножения</h1>
<table border=1>';
$color = ($cols == 1 && $rows == 1)?$color1:($cols == 1?$color2:($rows == 1?$color3:'white'));

	for($i=1; $i<$cols; $i++){
	echo '<tr align="center">';
	for($j=1; $j<$rows; $j++){
		$rez = $i * $j;
		echo '<td style="background-color:".$color."; text-align:center;">'.$rez.'</td>';
	}
	echo '</tr>';
	}

echo '</table></div>';
}

table(10,10,"blue","yellow","green");

?>

[Int]

echo '<td style="background-color:".$color."; text-align:center;"

Присмотрись к кавычкам

Вариант с CSS вообще никак не подходит?

[LunatiK]

Вариант с CSS вообще никак не подходит?

В данном случае подошёл бы, еслиб кто-нить предложил реализацию

[Int]

Так я и предложил сделать через css

[LunatiK]

Так я и предложил сделать через css

Это предложение метода, а не реализации.

Ну собсно да ладно, ТС по-моему уже и не надо ничего.