- ベストアンサー
HTMLテンプレートの作成方法について
- HTML初心者の方がテンプレートを作成する際に、1枠と2枠の頭が揃わない問題についてご質問いただきました。
- 質問の内容はHTMLのテーブル要素の使い方に関するもので、テンプレート作成時に頭が揃わないという具体的な問題があります。
- 解決方法としては、テーブルの幅指定やセルの結合・分割などを適切に行うことで頭が揃うようになります。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
ご質問の部分だけで言えば、rowspan="4"で左側は4行分連結しているのに右側分のtdが3行分しか無いんですね。 2は1の行のtr内に入れてください。 <html> <body> <br><center> <font size="6" color="#00000"> <b>タイトル</b> </font> <hr> <br><br> <table width="800" height="500" cellpadding="15" cellspacing="10" BORDER="4" bgcolor="F3F30E"> <tr> <td width="50%" rowspan="3" BGCOLOR="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 1 </u></b></font> <br><br> <font size="3" color="#00000"> </font> </td> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 2 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td> </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 3 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 4 </b></u></font> <br><br> <font size="3" color="#00000"> <b></b> </font> </td> </tr> </table> </body> </html>
その他の回答 (2)
解答が多く出ているので、参考までに、考え方をかいておきます。 htmlでは、装飾に係わることは、できない!とおぼえてください! 色・文字・文字サイズ・レイアウトはすべて、cssに記述する。 多様されている、<BR>タグは、ブレーキという意味で、ブラウザの仕様により自動改行されるということです。テーブルレイアウトは、すでに過去のものになりつつあります。 参考図形を張っておきます。マージンを、どれだけとる必要があるか?・・・ パディングを、いくらとるか?・・・など、まずは図形にしてみると、各レイアウトの関係が理解できるのでは?・・・
お礼
回答ありがとうございました。わかりやすい説明で感謝します。
- tkmojo
- ベストアンサー率50% (105/207)
本なのかサイトなのか何を見て勉強しているのかはわかりませんが、いくらなんでも教材が古すぎます。 15年前じゃないんだから。 勉強中なんでしたら、ちゃんとした教材で勉強する事をお勧めします。 変なものを覚えてから覚えなおすよりもよっぽど早いです。 最低でも、下記の事くらいは守った上で、レイアウトや装飾はcssで行うようにしましょう。 ・DOCTYPE宣言を書く ・文字コードを指定する ・レイアウト目的で<table>を使わない ・<font>や<u>等は使わない ・スペースを空ける目的で<br>を使わない 現段階で1枠と2枠の頭をそろえる事が出来ても、今の勉強方法ではそれ以上の事は何も出来ないと思います。 急がばまわれ。
お礼
ありがとうございました。
お礼
ありがとうございました。
補足
回答ありがとうございます。大変助かりました。 他に、訂正箇所などあればご指摘ください。