PHPで九九を作っていますが

前提・実現したいこと

phpで九九を作っています。
table要素で隣合うセルの色を変えたいのですが変えられなく困っています。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

<table border="1" cellpadding="5"> <?php for ($i = 1; $i <= 9; $i ++) { print '<tr>'; for($a = 1; $a <= 9; $a ++) { $deta = $i * $a; print '<td bgcolor="#dcdcdc">' .$i. '*' .$a. '=' .$deta. '</td>'; } print '</tr>'; } ?> </table>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

ttyp03

2019/05/08 04:46

「隣合うセル」の意味を詳しく教えてください。現状のコードでは全てのセルに正しく色は付いているようですが。

manabimono

2019/05/08 04:51 編集

回答ありがとうございます。すべてのセルに色はついているのですがこれを例えば　1*1=1を白　1*2=2はグレーとバックグラウンドで表示したいです。また上下も色を変えて表示したいです。

ttyp03

2019/05/08 04:52

それを詳しく書かないと誰も答えられません。

coco_bauer

2019/05/08 05:09

'<td bgcolor="#dcdcdc">' で指定している色の部分(#dcdcdc)を$iと$aの値によって変えていくと必要がありますね。

行動規範の内容に同意します

回答2件

table要素で隣合うセルの色を変えたいのですが変えられなく困っています。

定義がよくわからないですがこんな感じでしょうか、、

【変更点】
・tdではなくth
・html側にcss書かない
・nth-child(2)要素で指定の順番の色を変える

あとprint(or echo)でhtmlタグやらを出力するのはあまりオススメできないです、、

<table border="1" cellpadding="5">

  <style>

  table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) {
    background: red;
  }

  table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) {
 background: blue;
}

  table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(3) {
 background: green;
}
  </style>
<?php
for ($i = 1; $i <= 9; $i ++) {
print '<tr>';
for($a = 1; $a <= 9; $a ++) {
$deta = $i * $a;
print '<th>' .$i. '*' .$a. '=' .$deta. '</th>';
}
print '</tr>';
}
?>
</table>

投稿2019/05/08 05:07

wataame

総合スコア302

ベストアンサー

隣合うセル

とは

列ごとに変えるのか
チェック状に変えるのか

によります。とりあえずチェック状のサンプル

PHP
1<table border="1" cellpadding="5">
2<?php
3for ($i = 1; $i <= 9; $i++) {
4  print "<tr>\n";
5  for($j = 1; $j <= 9; $j++) {
6    $data = $i * $j;
7    $color=($j+$i)%2==0?"red":"blue";
8    print "<td style=\"background-Color:{$color}\">{$i} * {$j} = {$data}</td>\n";
9  }
10  print "</tr>\n";
11}
12?>
13</table>