- ベストアンサー
同テーブル内での大きさの変化
こんにちは、現在ＨＰビルダーでテーブルを使ってＨＰ作成をしています。 列2、行2の4つのセルがある表があるのですが。 ＡＢ ＣＤ Ａの高さとＢの高さに変化をつけたいのですが、Ａの高さを変えるとＢの高さもそれに合わさってしまいます。 同じ表内で列ごとに高さを変えることはできないのでしょうか？ また、表を背景が見えないくらい上や左に寄せるにはどうしたらいいんでしょうか？ お手数ですが、お願いします。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
> おっしゃるとおりのやり方で高さの違うセルはできたのですが、どうもセルとセルの間に隙間が出来てしまいます。 <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"> 上記でどうでしょうか？
その他の回答 (3)
- chie65536
- ベストアンサー率41% (2512/6032)
以下の例のように作れば、セルの高さが違う表を作れます。 フォントやテーブルの枠線の太さの指定で見た目が変わるので、各セルの rowspan の値を微調整する必要があります。 キモは rowspan の数値と、中身(tdタグ)の無い <tr></tr> タグの個数です。 <html> <body> <table border=1> <tr> <td align=top rowspan=12>1<br>2<br>3</dt> <td align=top>1</dt> <td align=top rowspan=7>1<br>2</dt> </tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr> <td>1</td> <td rowspan=8>1<br>2</td> <td>1</td> </tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> </table> </body> </html> 実は、こんな面倒な事をするより、tableの各セル内(<td>と</td>の中)に小さなtableを入れた方が楽です。
- Struts
- ベストアンサー率48% (29/60)
> 同じ表内で列ごとに高さを変えることはできないのでしょうか？ 親テーブルの各セルに高さの違うAとBのテーブルを作成すればよいと思います。 > また、表を背景が見えないくらい上や左に寄せるにはどうしたらいいんでしょうか？ 下記でどうでしょうか？ <BODY LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0">
ＨＰビルダーは使ったことはありませんが、「セルの結合」とか何とか、そんな感じの機能はないでしょうか？ Ａ、Ｂのセルのさらに上にもう１つセルを作り、「高くしたい方」をそのセルと結合するわけです。 ただし、ＨＴＭＬは「テーブルは必ず真四角でなければならない」という原則がありますので、この方法を用いると「Ａ、Ｂのうち低い方」の上に空白が残ります。 どうしてもいびつな形のテーブルを作りたければ、複数のテーブルを組み合わせる方法を用いるのがいいでしょう。 それからテーブルを画面の左上にピタッと寄せるには、<BODY>タグのオプションを変更する必要があります。 TOPMARGIN とか LEFTMARGIN とか何とか、そういうオプションを変更します。
補足
素早い回答ありがとうございます。 おっしゃるとおりのやり方で高さの違うセルはできたのですが、どうもセルとセルの間に隙間が出来てしまいます。 線の太さは0にしているのですが・・・。 これを回避する方法はないのでしょうか？