質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

813閲覧

tableの位置ずれを直したい

fd0517

総合スコア3

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/08/19 05:02

テーブルが左右に2つ設置されている画面に新たにテーブルを2つ追加したいのですが、
追加すると上下のテーブル位置がずれてしまう原因がわかりません。

php

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2<html lang="ja"> 3<!-- PHPメイン処理 START --> 4<?php 5--処理 6?> 7<!-- PHPメイン処理 END --> 8<head> 9 <?php html_head_common_001() ?> 10 <link rel="stylesheet" href="<?php echo C_URL_MYPAGE_001_CSS; ?>" type="text/css"> 11 12 <!-- ***CSSの記載 START*** --> 13 <style type="text/css"> 14 <!-- 15 table#tbl_book, 16 table#tbl_book th, 17 table#tbl_book td { 18 border-collapse: collapse; 19 border: 1px solid #ccc; 20 line-height: 1.5; 21 } 22 23 table#tbl_book th { 24 padding: 3px; 25 font-weight: bold; 26 vertical-align: top; 27 /* background: #3f3f3f;*/ 28 background: #fccebe; 29 color: #000000; 30 } 31 32 table#tbl_book td { 33 vertical-align: top; 34 } 35 36 #tbl_display { 37 display: flex; 38 justify-content: space-around; 39 40 } 41 42 #tbl_display>div { 43 width: 40%; 44 } 45 --> 46 </style> 47 <!-- ***CSSの記載 END*** --> 48 49 <!-- JavaScriptメイン処理 START --> 50 <script type="text/javascript"> 51 <!-- 52 function init() {} 53 window.onload = init; // ページを表示したとき、init() を呼び出す 54 55 // 56 --> 57 </script> 58 <!-- JavaScriptメイン処理 END --> 59 60 <script type="text/javascript"> 61 $(document).ready(function() { 62 63 }); 64 </script> 65 66 67 <title>タイトル</title> 68 69</head> 70 71<body> 72 <center> 73 <!-- コンテナ開始 --> 74 <div id="container"> 75 76 <!-- ヘッダ開始 --> 77 <?php html_header_common_001($PageID) ?> 78 <!-- ヘッダ終了 --> 79 80 <div id="containerMain"> 81 <!-- ナビゲーション開始(サイドバー) --> 82 <!-- ナビゲーション終了(サイドバー) --> 83 84 <!-- メインカラム開始 --> 85 <div id="content" style="margin-left:0px;"> 86 <div id="tbl_display"> 87 <br> 88 <?php 89 /* ファイルを取得 */ 90 $p_lines_cnt = 1000; 91 //ファイルタイプ1(vol1)を取得 92 93 //ファイルタイプ2(vol2)を取得 94 95 echo '<div>'; 96 echo '<table id ="tbl_book">'; 97 echo '<tr>'; 98 echo '<th width="230px">ジャーナル名</th>'; 99 echo '<th width="100px">巻号</th>'; 100 echo '<th width="100px">発刊年月</th>'; 101 echo '</tr>'; 102 103 /* vol1 START */ 104 if ($p_count1 > 0) { 105 for ($i = 0; $i < $p_count1; $i++) { 106 $p_file_biko = $result_array1["data"][$i]["file_biko"]; 107 $p_file_data = $result_array1["data"][$i]["file_data"]; 108 $p_file_name = $result_array1["data"][$i]["file_name"]; 109 $p_file_overview_01 = $result_array1["data"][$i]["file_overview_01"]; 110 $p_file_overview_02 = $result_array1["data"][$i]["file_overview_02"]; 111 112 echo '<tr>'; 113 echo '<td><a href=' . $p_file_biko . '>' . $p_file_name . '</a></td>'; 114 echo '<td>' . $p_file_overview_01 . '</td>'; 115 echo '<td>' . $p_file_overview_02 . '</td>'; 116 echo '</tr>'; 117 } 118 echo '</table>'; 119 echo '</div>'; 120 } else { 121 echo "<tr><td>なし</td></tr>"; 122 echo '</table>'; 123 echo '</div>'; 124 } 125 /* vol1 END */ 126 127 /* vol2 */ 128 echo '<div>'; 129 echo '<table id ="tbl_book">'; 130 echo '<tr>'; 131 echo '<th width="230px">ジャーナル名</th>'; 132 echo '<th width="100px">巻号</th>'; 133 echo '<th width="100px">発刊年月</th>'; 134 echo '</tr>'; 135 136 if ($p_count2 > 0) { 137 for ($i = 0; $i < $p_count2; $i++) { 138 $p_file_biko = $result_array2["data"][$i]["file_biko"]; 139 $p_file_data = $result_array2["data"][$i]["file_data"]; 140 $p_file_name = $result_array2["data"][$i]["file_name"]; 141 $p_file_overview_01 = $result_array2["data"][$i]["file_overview_01"]; 142 $p_file_overview_02 = $result_array2["data"][$i]["file_overview_02"]; 143 144 echo '<tr>'; 145 echo '<td><a href=' . $p_file_biko . '>' . $p_file_name . '</a></td>'; 146 echo '<td>' . $p_file_overview_01 . '</td>'; 147 echo '<td>' . $p_file_overview_02 . '</td>'; 148 echo '</tr>'; 149 } 150 echo '</table>'; 151 echo '</div>'; 152 } else { 153 echo "<tr><td>なし</td></tr>"; 154 echo '</table>'; 155 echo '</div>'; 156 } 157 /* vol2表示 END */ 158 ?> 159 <br> 160 </div> 161--ここから追加部分 162 <div id="containerMain"> 163 <!-- ナビゲーション開始(サイドバー) --> 164 <!-- ナビゲーション終了(サイドバー) --> 165 166 <!-- メインカラム開始 --> 167 <div id="content" style="margin-left:0px;"> 168 <div id="tbl_display"> 169 <br> 170 <?php 171 /* ファイルを取得 */ 172 $p_lines_cnt = 1000; 173 //ファイルタイプ3(vol3)を取得 174 //ファイルタイプ4を取得 175 echo '<div>'; 176 echo '<table id ="tbl_book">'; 177 echo '<tr>'; 178 echo '<th width="230px">ジャーナル名</th>'; 179 echo '<th width="100px">巻号</th>'; 180 echo '<th width="100px">発刊年月</th>'; 181 echo '</tr>'; 182 183 /* vol3 START */ 184 if ($p_count1 > 0) { 185 for ($i = 0; $i < $p_count1; $i++) { 186 $p_file_biko = $result_array1["data"][$i]["file_biko"]; 187 $p_file_data = $result_array1["data"][$i]["file_data"]; 188 $p_file_name = $result_array1["data"][$i]["file_name"]; 189 $p_file_overview_01 = $result_array1["data"][$i]["file_overview_01"]; 190 $p_file_overview_02 = $result_array1["data"][$i]["file_overview_02"]; 191 192 echo '<tr>'; 193 echo '<td><a href=' . $p_file_biko . '>' . $p_file_name . '</a></td>'; 194 echo '<td>' . $p_file_overview_01 . '</td>'; 195 echo '<td>' . $p_file_overview_02 . '</td>'; 196 echo '</tr>'; 197 } 198 echo '</table>'; 199 echo '</div>'; 200 } else { 201 echo "<tr><td>なし</td></tr>"; 202 echo '</table>'; 203 echo '</div>'; 204 } 205 /* vol3 END */ 206 207 /* vol4 */ 208 echo '<div>'; 209 echo '<table id ="tbl_book">'; 210 echo '<tr>'; 211 echo '<th width="230px">ジャーナル名</th>'; 212 echo '<th width="100px">巻号</th>'; 213 echo '<th width="100px">発刊年月</th>'; 214 echo '</tr>'; 215 216 if ($p_count2 > 0) { 217 for ($i = 0; $i < $p_count2; $i++) { 218 $p_file_biko = $result_array2["data"][$i]["file_biko"]; 219 $p_file_data = $result_array2["data"][$i]["file_data"]; 220 $p_file_name = $result_array2["data"][$i]["file_name"]; 221 $p_file_overview_01 = $result_array2["data"][$i]["file_overview_01"]; 222 $p_file_overview_02 = $result_array2["data"][$i]["file_overview_02"]; 223 224 echo '<tr>'; 225 echo '<td><a href=' . $p_file_biko . '>' . $p_file_name . '</a></td>'; 226 echo '<td>' . $p_file_overview_01 . '</td>'; 227 echo '<td>' . $p_file_overview_02 . '</td>'; 228 echo '</tr>'; 229 } 230 231 echo '</table>'; 232 echo '</div>'; 233 } else { 234 echo "<tr><td>なし</td></tr>"; 235 echo '</table>'; 236 echo '</div>'; 237 } 238 /* vol4表示 END */ 239--ここまで追加部分 240 ?> 241 <!-- メインカラム終了 --> 242 </div> 243 <!-- フッタ開始 --> 244 <?php html_footer_common_001($PageID) ?> 245 <!-- フッタ終了 --> 246 247 </div> 248 <!-- コンテナ終了 --> 249 250 </center> 251</body> 252 253</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2021/08/19 05:21

質問の意図が分かりかねますが、具体的にどうなるか図示できませんか? PHPではなくHTMLの問題だと思いますので、 codepenなどにHTMLソースを載せられないでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問