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

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

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

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

CSS

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

Q&A

解決済

1回答

610閲覧

新着情報の枠を上に配置

mkuros

総合スコア3

HTML

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

CSS

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

0グッド

0クリップ

投稿2020/09/07 13:26

新着情報の枠を上に表示するようになおしてほしいと言われましたが、できません。なぜできないのかわかりません。
Tableを使っているようです。

<

</head> <body style="margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;border-width : 0px 0px 0px 0px;" background="img_renew/bg00.png"> <center><!--<TABLE border="0" cellspacing="0" cellpadding="0" width="700">--> <table width="680" style="width: 673px; height: 1003px;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr style="height: 18px;"> <td style="width: 336.73px; height: 18px;"><span style="color: #666666;"><a href="/index.htm">トップ</a> &gt; 技術企画課</span></td> <td align="right" style="width: 330.27px; height: 18px;"><span>最終更新日:<!--R02.08.26-->R02.09.01 </span></td> </tr> <tr style="height: 145px;"> <td align="right" style="width: 669px; height: 116px;" colspan="2"> <table width="672" height="109" style="width: 99.4%;" border="0"> <tbody> <tr> <td width="20%"></td> <td width="60%" align="center"><br /><br /><img width="450" alt="技術企画課" src="/bi0_cms/img_renew/mt-preview-edit-top_title.png" /></td> <td width="20%" align="right"></td> </tr> </tbody> </table> </td> </tr> <tr style="height: 20px;"> <td height="20" align="center" valign="top" style="width: 669px; height: 20px;" colspan="2"></td> </tr> <tr style="height: 840px;"> <td style="width: 669px; height: 214px;" colspan="2"><center> <table width="100%" border="0"> <tbody> <tr> <td align="center" style="width: 497px;"><!-- New新着情報ここから --> <table width="100%" bordercolor="#ff0000" border="0" cellspacing="0" cellpadding="2"> <tbody><!--新着情報TABLEの直前②--> <tr> <td> <table width="100%" bordercolor="#00ff99" bgcolor="#ffffff" border="1" cellspacing="0" cellpadding="0"> <tbody><!--新着情報TABLEの直前①--> <tr> <td> <table width="100%" style="width: 100%;" border="0" cellspacing="2" cellpadding="2"><!--新着情報TABLE--> <tbody> <tr> <td class="text80" style="width: 101.63%;" colspan="4">◆新着情報◆</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年09月01日</td> <td class="text80" style="width: 2.06%;"><em class="view_timer" data-end-date="2020/9/15 08:45">NEW</em> </td> <td class="text80" style="width: 62.68%;"><a href="http://hns-intra.jrtt.local/bi0_cms/jiko1.pdf">事故月報</a>、<a href="http://hns-intra.jrtt.local/bi0_cms/bi0072.htm">通知文書一覧</a>、<a href="http://hns-intra.jrtt.local/bi0_cms/reikisyu/HP/list3.htm">工務例規集第3章</a> 更新</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年08月26日</td> <td class="text80" style="width: 2.06%;"><em class="view_timer" data-end-date="2020/5/7 08:45">NEW</em> </td> <td class="text80" style="width: 62.68%;"><a href="/bi0_cms/post.htm">新型コロナウイルス感染症関連</a> 更新</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年08月04日</td> <td class="text80" style="width: 2.06%;"><em class="view_timer" data-end-date="2020/8/18 08:45">NEW</em> </td> <td class="text80" style="width: 62.68%;"><a href="http://hns-intra.jrtt.local/bi0_cms/jiko1.pdf">事故月報</a>、<a href="http://hns-intra.jrtt.local/bi0_cms/bi0104.htm">国交省保安情報</a> 更新</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年07月21日</td> <td class="text80" style="width: 2.06%;"><em class="view_timer" data-end-date="2020/5/7 08:45">NEW</em> </td> <td class="text80" style="width: 62.68%;"><a href="/bi0_cms/post.htm">新型コロナウイルス感染症関連</a> 更新</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年05月28日</td> <td class="text80" style="width: 2.06%;"><em class="view_timer" data-end-date="2020/5/7 08:45">NEW</em> </td> <td class="text80" style="width: 62.68%;"><a href="/bi0_cms/post.htm">新型コロナウイルス感染症関連</a> 更新</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年04月27日</td> <td class="text80" style="width: 2.06%;"> </td> <td class="text80" style="width: 62.68%;"><a href="/bi0_cms/post.htm">新型コロナウイルス感染症関連</a> 更新</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年04月16日</td> <td class="text80" style="width: 2.06%;"> </td> <td class="text80" style="width: 62.68%;"><a href="/bi0_cms/post.htm">新型コロナウイルス感染症関連</a> 掲載</td> </tr> <tr> <td align="right" style="width: 4.12%;">・</td> <td class="text80" style="width: 32.77%;">令和02年04月06日</td> <td class="text80" style="width: 2.06%;"><em class="view_timer" data-end-date="2020/4/20 08:45">NEW</em> </td> <td class="text80" style="width: 62.68%;"><a href="http://hns-intra.jrtt.local/bi0_cms/jiko1.pdf">事故月報</a>、<a href="http://hns-intra.jrtt.local/bi0_cms/bi0104.htm">mmm保安情報</a> 更新</td> </tr> </tbody> </table> <!--新着情報TABLE--></td> </tr> </tbody> </table> <!--新着情報TABLEの直前①--></td> </tr> <tr> <td height="7"></td> </tr> </tbody> </table> <!--新着情報TABLEの直前②--> <!--↑新着情報ここまで--></td> <!--↓業務内容ここから--> <td align="RIGHT" valign="bottom" style="width: 163px;"><a href="/bi0_cms/bi0071.htm"><img name="top_btn1" width="150" class="rollover" alt="業務内容" src="/bi0_cms/img_renew/mt-preview-edit-top_btn1.png" border="0" /></a></td> <!--↑業務内容ここまで--></tr> </tbody> </table> </center></td>

<

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

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

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

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

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

guest

回答1

0

ベストアンサー

提示のコードの足りない部分を勝手に補完して試しました。
いろいろな数値 特に今回は高さ を固定で指定しているのが原因ではないかと思います。

全体を覆うtableheight: 1003px;とそのあとに出てくるtrheight: 840px;を消せばおそらく大きな隙間がなくなり「新着情報の枠を上に表示する」ことはできると思います。

…が、tableでのレイアウトを続けるのはお勧めできません。
今回の場合特に2重3重のネストで訳が分からなくなってますし、必要なのかと疑問になるtableもあります。
tableを使うとしてもせめて「新着情報」そのものに使用する程度だと思います。

参考
「テーブルレイアウト」はなぜだめか、使わない理由を説明できますか?
若い世代が知らない2000年代のHTMLコーディングの地獄
ホームページのレイアウトはテーブルではなくCSSを使う理由

元々あるページを編集してほしいといわれ大きな変更ができない場合には仕方ないですが、できれば早めに構造の見直しを勧めてください。

追記。
centerも廃止されてます。

投稿2020/09/08 00:59

編集2020/09/08 01:05
dit.

総合スコア3235

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

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

mkuros

2020/09/08 13:33

ありがとうございます 明日ためしてみます
mkuros

2020/09/09 04:14

そのとおりでした ありがとうございました
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問