重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

ＰＨＰとＣＳＳを使用して九九表作成について

締切済

  • 質問者：babugess
  • 質問日時：
  • 回答数：2件

ＰＨＰとＣＳＳ（スタイルシート）を使用して、九九表を作成しているのですが、うまくいきません。
うまくいかない事象としましては、表がきれいにくっつかなく表と表の間に変な間隔ができてしまって困っております。
何かアドバイスを頂けたら助かりますのでよろしくお願い致します。
※ＣＳＳは外部ファイルとして作成しました。

〈ＰＨＰファイル〉

<html>
<head>
<link href="test.css" rel="stylesheet" type="text/css">
<title>九九演算表</title>
</head>
<body>
<table>
<?php
for($i = 0; $i <=9; $i++)
{
echo '<tr>';
if ($i == 0)
{
echo '<td><q>'."".'</q></td>';
}
else
{
echo '<td><q>'.$i.'</q></td>';
}
for($j = 1; $j <=9; $j++)
{
if ($i == 0)
{
echo '<td><q>'.$j.'</q></td>';
continue;
}
echo '<td><p>'. $i * $j.'</p></td>';
}
echo '</tr>';
}
?>
</table>
</body>
</html>


＜ＣＳＳファイル＞
<style>
table{
border-collapse: collapse;
border: 2px solid #000000;
}
q{
font-weight: bold;
width:40px;
height:30px;
text-align: center;
border: 1px solid #000000;
padding: 2px 8px;
border-collapse: collapse;
background-color: #ccccff;
}
p{
width:40px;
height:30px;
text-align: center;
border: 1px solid #000000;
padding: 2px 8px;
border-collapse: collapse;
}

</style>

以上です。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2

  • 回答者： koke29
  • 回答日時：

補足です


CSSの問題なので質問するならHTML板で聞いた方がいいですよ
※ もちろんココにもわかる人いますけど板違いかなーと

結局どうしたらって回答をしてなかったので補足でした。
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： koke29
  • 回答日時：

これはPHPじゃなくてCSSの使い方ですよ



とりあえず<th><td>で分けるで良いのでは？と思いました
（マークアップを考えても<q>は変な気が…）
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報