ＨＰ作成の質問です

質問

テーブルを作る時に、

-------------------------
せまいたて幅
-------------------------

少し広いたて幅

-------------------------
せまいたて幅
-------------------------

少し広いたて幅

-------------------------
せまいたて幅
-------------------------

少し広いたて幅

--------------------------
のように、一つの表の中で、幅を違うサイズに
設定するにはどうしたらよいでしょうか？

あと、作成したテーブルを画面の真中にもってくるのは
どうすればよいでしょうか？

沢山質問してすみません(>_<)

回答No.2

Aquarius172 · ベストアンサー

簡単に書きますと

<div style="text-align:center;">
<table border=1 cellspacing=1 cellpadding=3>
<tr style="height:20px;">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr style="height:60px;">
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr style="height:20px;">
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr style="height:60px;">
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
</table>
</div>

のような感じでしょうか

今回はスタイルシートを使いましたが、テーブルを中央に寄せる場合、<div>の代わりに<center>タグを使っても出来ます。
テーブルの高さの指定は<tr height=20>のように「height」属性で指定する事も出来ます。

今回は高さの指定だったので<tr>に指定しましたが、<td>タブに同様の方法で高さを指定する事も可能です。

参考URL：

http://www.tohoho-web.com/

お礼

どうもありがとうございますm(__)m
なんとかできました！
ＨＰ作成は奥が深いですね(>_<)

回答No.1

kaz-5919

ひとつひとつのセル（TD)で指定していく方法もありますが
同じ幅を繰り返したいのであれば
スタイルシートをつかってやることをお勧めします。

スタイルシートの説明はちょっと長くなってしまうので
下記サイトをみて勉強してください_(._.)_

参考URL：

http://www.tohoho-web.com/www.htm

お礼

スタイルシートですね！
勉強になります。
頑張ります(^o^)