• ベストアンサー

HPビルダーで、表の作成にてこずっています

ホームページビルダー6.5を使っている初心者です。 表の作成が思うように行かず困っています。 例えば5×5の表を作って、中に文字や写真を挿入しようと すると、セルの大きさがどんどん変化してしまい、最初に 設定した表の大きさが崩れてしまいます。もう元に戻せない(泣) 最初に大きさを設定したら、ガチっと固まって、大きさが 変わらないようにすることはできないのでしょうか? (文字数が入らなければ、拒否されても構いません。そのときは 小さくして入れるようにします) それとも、何か違うテクニックがあるのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
noname#236902
noname#236902
回答No.3

#1のNishikinoです。 高さは下にも書いたように"height"で指定します。詳しいタグは勉強してもらうしかないのですが、書ける範囲で。 下の<td></td>で囲まれる部分が1つのセルです。幅(width)と高さ(height)を100ピクセルにしたいなら、<td>の中に<td width=100 height=100>というふうに書きます。 >ページいっぱいに 20×20の正方形の表を作って ということですが、ピクセル数で指定する以外に、%でセルの大きさを指定することもできます。 <table cellpadding=0 cellspacing=0 border=1 width=100% height=100%> <tr> <td width=20% height=20%>セル1</td> <td width=20% height=20%>セル2</td> <td width=20% height=20%>セル3</td> <td width=20% height=20%>セル4</td> <td width=20% height=20%>セル5</td> </tr> <tr> <td width=20% height=20%>セル6</td> <td width=20% height=20%>セル7</td> <td width=20% height=20%>セル8</td> <td width=20% height=20%>セル9</td> <td width=20% height=20%>セル10</td> </tr> <tr> <td width=20% height=20%>セル11</td> <td width=20% height=20%>セル12</td> <td width=20% height=20%>セル13</td> <td width=20% height=20%>セル14</td> <td width=20% height=20%>セル15</td> </tr> <tr> <td width=20% height=20%>セル16</td> <td width=20% height=20%>セル17</td> <td width=20% height=20%>セル18</td> <td width=20% height=20%>セル19</td> <td width=20% height=20%>セル20</td> </tr> <tr> <td width=20% height=20%>セル21</td> <td width=20% height=20%>セル22</td> <td width=20% height=20%>セル23</td> <td width=20% height=20%>セル24</td> <td width=20% height=20%>セル25</td> </tr> </table> こんな感じでできます。 ただ、これだと見る人のブラウザの大きさによって、セルの大きさも変化することに注意して下さい。それを狙ってやるのも一つの手ですが、絶対的に大きさを変えたくないのであれば、%でなくピクセルで指定すればよいです。 表組(テーブル)を思い通りに操るのは、多少の経験が必要です。いろいろ試してみて下さい。 わからないことがあったら、また質問をどうぞ。

ejison16
質問者

お礼

貴重なお時間をさいて、丁寧なご回答をありがとうございました。 タグに挑戦する勇気がわいてきました。 このご回答をマニュアルにして、がんばってみます。 またよろしくお願いいたします。

すると、全ての回答が全文表示されます。

その他の回答 (3)

noname#236902
noname#236902
回答No.4

↓間違えました。 20(個)×20(個)なんですよね?下のは5(個)×5(個)にしていました。 それぞれのセルを<td width=5% width=5%>にして、<tr></tr>で囲まれている <td width=5% width=5%>の数を20個にして下さい。 そして <tr></tr>で囲まれる部分が1段になるのですが、それが20段必要になります。 しかしやってみるとわかりますが、20×20だと、ひとつのセルの大きさがとても小さくなります。

すると、全ての回答が全文表示されます。
  • kmor
  • ベストアンサー率27% (225/825)
回答No.2

自分で記述するのも慣れれば簡単ですよ。 私はホームページビルダを使って作るほうが面倒です。 殆どテキストエディタで作ります。 表などちょっと面倒な部分はホームページビルダで作ってあとはテキストエディタで、と言った具合です。 ejison16さんも、骨組みをホームページビルダで作り、ソースタグ(だったかな?)でHTMLソースを直接いじってみてはいかがでしょう。 ホームページビルダ上だとエラーも自動で修正されますから。

ejison16
質問者

お礼

ご回答ありがとうございました。 そうですね。ホームページビルダのおかげで、とにもかくにも ホームページ作りの世界には入っていけたので、今後はHTMLが自分で 書けるようになれればと思っています。 やはり自分で解決法が考えられなければ、面白みも増さないでしょうから。 ソフトのメーカーまかせでなく、自分で応用がきくようになれるよう、がんばってみます。

すると、全ての回答が全文表示されます。
noname#236902
noname#236902
回答No.1

ホームページビルダーはよくわからないのですが、セルの大きさをあらかじめ決めておくといいです。 テーブルタグはわかりますか?テーブル全体の幅をあらかじめ指定しておき、セル毎にも幅を設定しておきます。文字が多くても、高さは変わりますが幅は変わらないと思います。(必要なら高さ"height"も指定します) 以下は 5×5のテーブルの例。数字は任意に変えて下さい。ビルダーで指定する欄があるはずです。 <table cellpadding=0 cellspacing=0 border=1 width=500> <tr> <td width=100>セル1</td> <td width=100>セル2</td> <td width=100>セル3</td> <td width=100>セル4</td> <td width=100>セル5</td> </tr> <tr> <td width=100>セル6</td> <td width=100>セル7</td> <td width=100>セル8</td> <td width=100>セル9</td> <td width=100>セル10</td> </tr> <tr> <td width=100>セル11</td> <td width=100>セル12</td> <td width=100>セル13</td> <td width=100>セル14</td> <td width=100>セル15</td> </tr> <tr> <td width=100>セル16</td> <td width=100>セル17</td> <td width=100>セル18</td> <td width=100>セル19</td> <td width=100>セル20</td> </tr> <tr> <td width=100>セル21</td> <td width=100>セル22</td> <td width=100>セル23</td> <td width=100>セル24</td> <td width=100>セル25</td> </tr> </table> 幅の設定は、1段目だけやれば2段目以下が追従してくるので、2段目以下の指定は必要ないかも知れません。

ejison16
質問者

補足

早速のアドバイスありがとうございました。 まだ自分でタグを書くのはできません。 (初心者も初心者でまだ2週間目です。タグはこれから 取り組みたいと思っています。) 教えていただいたものを貼り付けてみましたが、 今回は、高さも固定してしまいたいのです。 なにをやっているかというと、ページいっぱいに 20×20の正方形の表を作って、好きなところを セルを自由に結合して、そこに写真や文字を挿入して みたいと思っているのです。ですから、文字を入れる たびにそこのセルの大きさが変わってしまっては、全体の レイアウトがめちゃめちゃになってしまうのです。 こんなことはできないことですか?

すると、全ての回答が全文表示されます。

関連するQ&A