Q&A
御覧の通り、マークダウンのcode内では他のマークダウンの機能は無効になります。
外に出してください。
前提・実現したいこと
出力($comment+$choice)ごとに枠を分けたい
発生している問題・エラーメッセージ
出力された文字全体に枠が作られてしまう
予定
該当のソースコード
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ant</title> <link rel="stylesheet" href="ant.css"> </head> <body> <div class="header"> <h1>ant</h1> </div> <div class="main"> <table border="1"align="center"> <tr> <th><form action="ant.php" method="get"> <li class="comment"> <input type="text" name="comment" class="comments"> </li> </th> </tr> <tr> <td><li class="name"> <input type="text" name="choice" class="choice"> </td> </tr> <tr> <td> <input type="submit" name="button" value="書き込む" class="button"> </li> </td> </tr> </table> </form> <?php $comment = $_GET['comment']; $choice = $_GET['choice']; // ファイルポインタをオープン $handle = fopen("test.txt", "a"); // ファイルへ書き込み fwrite($handle, $comment."\n"); fwrite($handle, $choice."\n"); // ファイルポインタをクローズ fclose($handle); // ファイルポインタをオープン $handle = fopen("test.txt", "r"); ?> <div class="a"> <?php // ファイル内容を出力 while ($line = fgets($handle)) { echo $line. '<br>'; } ?> </div> <?Php // ファイルポインタをクローズ fclose($handle); ?> </div> </body> </html>
css
body { font-family: "Avenir Next"; } .header { background-color: #F4A460; color: #ffffff; height: 90px; text-align:center; } .header-logo { float: left; font-size: 36px; /* 上下のpaddingを20px、左右のpaddingを40pxにしてください */ padding:20px 40px; } .main { background-color: #white; height: 600px; text-align:center; } .footer { background-color: #F4A460; height: 270px; } li { list-style: none; } table th,table td { padding: 20px; background: #fff5e5; } table { border-collapse: collapse; margin-top: 20px; width:1300px; } .choice,.comments { text-align:center; width: 1000px; height: 50px; border-radius:20px; box-shadow: none; padding: 2px 8px; border-color:black; } .button { margin-right:20px; background-color: green; } .a { border: 2px solid #000000; margin: 10px; }
あとできればコードはファイル毎にわけてください。
説明がほぼないのでもう少し具体的に書いていただきたいのですが「出力毎」とは？
目指している状態のイメージがわからないんですよね、言葉だけだと。
質問内容を編集していただきありがとうございます。ですが、貼り付けている画像が画像として表示されない状態を放置されては、伝わるものも伝わりませんぞ。
@m6u
すみません、どうしたら画像として表示されますか？
無知ですみません。
書いてます。
>御覧の通り、マークダウンのcode内では他のマークダウンの機能は無効になります。
>外に出してください。
マークダウンのcode機能とは
```
```
このこと。
マークダウンについてはきちんと調べておいてください。
https://teratail.com/help/question-tips#questionTips3-7
というか、質問編集画面でプレビューがでているはずなので投稿確定前に調整してください。
HTMLもかなり滅茶苦茶ですね。
文法違反だらけです。特にliタグ。
出力イメージを静的HTMLで作ってからじゃないとサーバーサイドの処理にいけないです。
＠m.ts10806
ご迷惑をお掛けしてしまい申し訳ございません。
了解しました。
特に迷惑をかけられたと思ってませんが、投稿前の確認とガイドラインの確認はしておくべきかと思います。
はい。
申し訳ございません。
謝る必要はないかと思います。（先に書いた通り「迷惑をかけられたとは思ってない」ので）
わかりました。
回答1件
0
ベストアンサー
想像するに
php
1// ファイル内容を出力 2while ($line = fgets($handle)) { 3 echo $line. '<br>'; 4}
にて$lineにて出力しているのであれば、
span要素で囲んでスタイルを定義すればよいのでは？
ブロックボックス要素として例えばp要素で囲ってもいいかも。
php
1// ファイル内容を出力 2while ($line = fgets($handle)) { 3 echo '<p class="～">'. htmlspecialchars($line, ENT_QUOTES, 'UTF-8') . '</p>'; 4}
htmlspecialchars()については
「何故htmlspecialcharsを通すのか？」を一言でどうぞ - Qiita
投稿2020/09/05 04:20
編集2020/09/05 04:53退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
