これからの季節に親子でハイキング! >>

HPビルダーで表を作成しました。
文章や写真をレイアウトし易いように30ぐらいのセルを作ったのですが、幅と高さが勝手に調整されて思うようにレイアウト出来ません。幅や高さは固定することは出来ないのでしょうか?
よろしくお願いいたします。

A 回答 (2件)

#1です。

えーと、どういうページをイメージしておられるのかわからないのですが…

間が詰ってしまって見にくいのであれば改行を(マークが表示されますよね?)すれば間の調整ができます。

あとは 表の罫線が表示されて見にくいということなら罫線の表示をやめればいいし(属性の変更でチェックを外すだけ)。

左に写真・右に文章 なら 文章は左揃えにすると見やすい。
上に写真・下に文章 の場合 中央そろえにして同じセル内に入れてしまうか_ 好みの問題としかいいようが無いですけど_

あとは~~ 画像のサイズを横幅か高さか どちらかを統一すれば 表が勝手に伸び縮みしても 見た目はグンとマシになりますよ。

私もあまりHPビルダーではいろいろやりますが、HTMLを知っているか?といわれると 判らないので(本を見ながらどうにか)…
    • good
    • 0
この回答へのお礼

ご解答ありがとうございました。
行き詰まっていたところで、ヒントになりました。
思い込みで、1つのページに1つの表しか作れないと決めつめけていました。自由にレイアウトできました。
また行き詰まったら助けてください。(;^_^A

お礼日時:2003/11/20 13:27

列にあるセル(枠1個)が全部同じ設定でよいのなら列ごとに設定しましょう。



設定したい枠がある列(セル1個)をクリックしてピンクの枠が表示されます。カーソルのが変わる場所で右クリックし、一番下の『属性の変更』を選択します。

”セル”というページ(上の白い欄のタグは「表」のままで)で、セルの幅と高さを指定して 一番下「列全体に適用」にチェックを入れます。 で、OKです。
プレビューでも確認してくださいね。

これを列を移動して列の数だけ繰り返します。
一度にやろうとしたんだけど_できない または 失敗するので 確実な方法をお教えしています。

「列全体に適用」をしなければ セルごとに設定できますが_ お隣と違う高さ は無理だし、上下と違う幅もむりです(笑)
    • good
    • 0
この回答へのお礼

早速のご回答有難うございます。

列全体に適用」をしなければ セルごとに設定できますが_ お隣と違う高さ は無理だし、上下と違う幅もむり

ご回答の通り、出来ないようです。。。

商品紹介のページを作成しているのですが、商品の写真・商品説明・チョッとした成分表をレイアウトしたいのですがアドバイス頂けないでしょうか。

お礼日時:2003/11/15 13:06

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qホームページビルダーで表の列幅を調整するには

ホームページビルダーホームページを使ってホームページを作成中です。
表を作りましたが,表の列幅が揃いません。プレビュー画面では大体同じ幅になっているのに,実際の表の列幅は揃っていません。
なぜ揃わないのでしょうか?また揃えるためにはどうしたら良いでしょうか?
ご教授お願いします。

Aベストアンサー

hpbを利用し、表を多用し Hpを作成しています。
100桁 4列作成する場合、
 <TABLE border="1">
<COL span="4" width="100">
<TBODY>
だけではなく、合計幅を入れると安定します。
           ↓
 <TABLE border="1" width="400">
<COL span="4" width="100">
<TBODY>

※ この場合も、その列に 100pxを超す画像を入れたり、
長い文字列にリンクを張ったりすると、幅がかわる可能性があります。
 

Qホームページビルダーでセルの幅の固定するには

ホームページビルダー6.5の標準モードでの表の挿入ついて教えてください。
表のセルの幅を300ピクセルに固定したいと思っています。
セルをを選択→属性の変更→セル→セルの幅に300(ピクセル)を入力。
すると、セルの幅は300ピクセルに固定されますが、セルに長い文章を入力すると文章にあわせて幅が大きくなってしまいます。

どうすればセルの幅を固定し、文章がセルに合わせて表示されるようになりますか。
よろしくお願いします。

Aベストアンサー

スタイルシートを使います。
(後で説明書を読んでね。)

セルの幅に300をとりあえず未入力状態にします。
[表]又は[セル]タブ内の[スタイル]ボタンをクリック、
[スタイル]タブ内の[現在のタグのみにスタイルを設定]の[編集]ボタンをクリック、
[位置]タブ内の[幅]の「予約語」→「ピクセル」に変更して
入力ボックスに「300」を入力です。(以後、OKボタン)

下記URLも参考にしてください。

参考URL:http://tohoho.wakusei.ne.jp/wwwcss.htm

Qホームページビルダー「セルの高さ」設定に関して

セルの設定でなぜこのようになるのか?
そのわけを知りたくて質問いたしました。よろしくお願いいたします。
-------------------------------------------------
ビルダーで「2行1列」の表を作成(表の幅:600ピクセル、高さ:500ピクセル)に設定し、
どちらか一方の「セルの高さ」を<70ポイント>に設定します。

すると、70ポイントに設定したはずのセルの高さが、400ポイント以上の高さになってしまいます。
ただし、何らかの文字を入力してプレビューしてみますと、正常な高さで表示されます。

--------------------------------------------------
「ページ編集」状態でのこの表示は、ビルダーの『仕様』と言うことになるのでしょうか?
あるいは、ビルだーの設定変更でこの状態を修正することが出来るのでしょうか?

Aベストアンサー

HPBのV8でテストしてみました
なるほど、ビルダーの『仕様』のようです
ここで、ソースコードを見てみると表の部分は、
<TABLE border="1" width="600" height="500">
<TBODY>
<TR>
<TD height="70"></TD>
</TR>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

TABLEは表タグ
border= は、表の外枠の太さ
width= は、幅
height= は、高さ
<TR> は、表の行指定
<TD> は、表のセルに表示するデータを指定
ソース記述からは、データが入るセルの高さはきちんと70pxになっています
<TD height="70"></TD>

ここで、<TD height="14%"></TD>のように、手書きで高さを%表示してみました。
500の14%だから70です
結果は、200px位の高さで表示され、何らかの文字を入力してプレビューしてみますと、正常な高さで表示されます。

余りにも気になるので有れば、片方のセルを単純に500-70=430だから、
430pxでしていすればいかがでしょうか
これだと、ページ編集画面でも気にならないと思います

大ざっぱですが・・・

HPBのV8でテストしてみました
なるほど、ビルダーの『仕様』のようです
ここで、ソースコードを見てみると表の部分は、
<TABLE border="1" width="600" height="500">
<TBODY>
<TR>
<TD height="70"></TD>
</TR>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

TABLEは表タグ
border= は、表の外枠の太さ
width= は、幅
height= は、高さ
<TR> は、表の行指定
<TD> は、表のセルに表示するデータを指定
ソース記述からは、データが入るセルの高さはきちんと70pxになっています
<TD heig...続きを読む

Qホームページ・ビルダーで、文字にリンクを貼った時に、下線が出ないようにするにはどうしたら良いでしょうか?

ホームページ・ビルダーで、文字にリンクを貼った時に、下線が出ないようにするにはどうしたら良いでしょうか?

Aベストアンサー

以下のように試してみて下さい(^_^)


1)下線を消したいリンクを右クリック

2)「スタイル」の設定をクリック

3)「HTMLタグにスタイルを設定」の「編集」をクリック

4)「フォント」タブ内の「文字飾り」の「なし」にチェックを入れる


これでリンクの下線は無くなります。

QHPビルダーで中央表示がしたいのですが・・。 

HPビルダーで中央表示がしたいのですが・・。 
どこでも配置を使って作ったHPが、左端がブラウザに固定の表示になってしまいました。
常に開いたブラウザの中央に表示されるようにするにはどうしたらいいのでしょうか。

Aベストアンサー

>http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1037

IBMのサイトを参考にしてください。

標準モードで「表の挿入」で「表」を使って、表の一番外枠を選択状態で「書式(O)」「位置揃え(A)」「中央揃え(E)」で表が中央に来ます。

または、普通の「文字の中央」をクリックでもOKです。

どのサイズのディスプレイでも中央表示となります。

どこでもモードでは不可です、標準モードで作成です。

表の列や行は後からいくらでも追加や削除が出来ますので、文字列の配置や画像の挿入位置などレイアウトを考えて、列や行を作りましょう。

またセルの結合や分割もできますので、自由な画面のレイアウトが可能です。

表の外枠を選択状態で「編集(E)」「属性の変更(A)」で表やセルの寸法を決めたり枠表示を消したり、枠に色をつけたりも出来ます。

Qホームページビルダーで横幅について

ホームページを作ろうと、とりあえずホームページビルダー17の体験版をDLしました。

とりあえず四苦八苦しながらですが、なんとか少しずつ理解をしてきたのですが、まだまだ分からない事だらけです。

とりあえず、今一番分からないのが横幅の指定についてです。


例えば、皆さんそれぞれ横幅が違うディスプレイをお使いですよね?
ですが、どのサイトも自動的にそのディスプレイにあわせて自動的に最大化しているように思います。
そうするにはどのように設定すればいいのでしょうか?

また、950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります。
サイト作成では、上部を青、中を白、最下部を青という想定をしているので余白があるとどうしても不恰好です。
見ている人のディスプレイにあわせて最大にしたいので、どのようにすればいいのか横幅について教えてもらえませんか?

できれば専門用語をくだけた表現で教えてもらえると非常に助かります。

宜しくお願いします

Aベストアンサー

>自動的にそのディスプレイにあわせて自動的に最大化している

訳ではないです

>950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります


一般的なホームページの横幅(width)は800ピクセルから950ピクセルぐらいが妥当
余白は背景で埋めます
http://copicopi.com/bgall.html

http://masaboo.cside.com/new_html1/ht_12.htm

Q【ホームページビルダー】表のコピー&貼り付けについて。

ホームページビルダーでホームページを作っています。

表をコピーして、他の表の一部として貼り付けたいのですが、表の中に表が入ってしまいます。

例えば、別々の表として、表Aと表Bがあります。
→表Bを切り取って、表Aの下に付けたい場合、下記の方法を使っています。
【方法】表Bを切り取り、表Aのセルに貼り付け

しかし、これでは、表Aの中に表Bが入ってしまい、
二重の表になります。

表Aの下に表Bを接続(?)するには、どうしたいいのですか?

Aベストアンサー

ホームページビルダー7の場合ですが、
表Bを切り取った後、表Aの最後の行にカーソルを置いて、メニューから「表」→「行の貼り付け」→「下へ貼り付け」と選択すれば、表Aの下に表Bが貼り付けられます。

Qホームページビルダーでのセル幅の調整

ホームページビルダーで写真を掲載するため2行の表を挿入して1行目を2列にして、それぞれの列に写真を挿入します。
次に、2行目に3枚の写真を入れるため、1つのセルを横に分割してセルを3つ作り、3枚で1行目の2枚と同じ幅になるように、写真幅を縮小して挿入します。
この時にセルの幅が写真の幅より大きくなって、セルに大きな余白ができ、表自体の全幅も広がってしまい、セル幅を写真幅に合わせようとしてもまったくセル幅の調整ができません。
このような時にどうしたらセル幅が写真幅に調整できますか教えて下さい。

Aベストアンサー

この方法を試してください。

2行1列の表を作ります。
 表の属性
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:0ピクセル
  枠の幅:0ピクセル
  *表の幅・高さは空欄のままにしておく
 セルの属性
  水平位置揃え:中央揃え
  *セルの幅・高さは空欄のままにしておく
1行目のセル内に1行2列の表を挿入する
 表の属性
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:2ピクセル ←ここで写真と写真の隙間を決める
  枠の幅:0ピクセル
  *表の幅・高さは空欄のままにしておく
2行目のセル内に1行3列の表を挿入する
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:2ピクセル ←ここで写真と写真の隙間を決める
  枠の幅:0ピクセル
  *表の幅・高さは空欄のままにしておく

セルが小さいままですがこのまま操作を続けてください。

挿入した表の各セルに写真真挿入する。
表が写真のサイズに合わせて勝手に広がるので、表のサイズはいじらない。

この方法を試してください。

2行1列の表を作ります。
 表の属性
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:0ピクセル
  枠の幅:0ピクセル
  *表の幅・高さは空欄のままにしておく
 セルの属性
  水平位置揃え:中央揃え
  *セルの幅・高さは空欄のままにしておく
1行目のセル内に1行2列の表を挿入する
 表の属性
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:2ピクセル ←ここで写真と写真の隙間を決める
  枠の幅:0ピク...続きを読む

Qhpビルダー 複数の表の罫線をその枠ごとに、、、

複数の表の罫線をその枠ごとに、上下だけを消したり、横、左右だけを消したりとできるでしょうか?
どうぞ宜しくお願い致します。

Aベストアンサー

表の枠線の上下を消す場合
<TABLE border="2" bordercolor="red" style="border-top:0px;border-bottom:0px;">
表の枠線の左右を消す場合
<TABLE border="2" bordercolor="red" style="border-left:0px;border-right:0px;">
スタイルを使って、強引に消したい線を0pxにしてしまう。
border="2" 枠線の太さ(数値が大きいほど太い)
bordercolor="red" 枠線の色:green、orange、#ffff00など(記述を省くと薄いグレーのような色)
border-left:0px; (左カット)
border-right:0px; (右カット)
border-top:0px; (上カット)
border-bottom:0px; (下カット)
[style="border-left:0px;border-bottom:0px;"]のように;で区切る
0pxをnone;にしても良いと思います。(例、border-top:none;)

表の一部セルに対応させる場合
<TD style="border-left:0px;border-top:0px;">あいうえお</TD>
表の一部セルの枠をすべて消す場合
<TD style="border:none;">あいうえお</TD>

bordercolor="red" は、色確認しやすいように指定しました
おおまかですが、多にも方法は有ります
ブラウザによっては、うまく対応されないかも知れません

表の枠線の上下を消す場合
<TABLE border="2" bordercolor="red" style="border-top:0px;border-bottom:0px;">
表の枠線の左右を消す場合
<TABLE border="2" bordercolor="red" style="border-left:0px;border-right:0px;">
スタイルを使って、強引に消したい線を0pxにしてしまう。
border="2" 枠線の太さ(数値が大きいほど太い)
bordercolor="red" 枠線の色:green、orange、#ffff00など(記述を省くと薄いグレーのような色)
border-left:0px; (左カット)
border-right:0px; (右カット)
bord...続きを読む

Qホームページビルダーで表の枠の色を変える方法

タイトルどおりの質問なのですが、
表の枠の色を変えるにはどうしたら良いのでしょうか?
過去を調べてみたら、外枠と内枠の色の変え方は書いてあったのですが、外枠と内枠の間の色も変えたいのですがどうしたらよいのでしょう?

あと、表の背景の色は初め透明だと思うのですが、1度色を付けたあとに、透明に戻すということは出来ますか?ページの背景を活かしたいので白じゃなく透明にしたいのです。
できるならやり方も教えてください。よろしくお願いします。

Aベストアンサー

> 表の枠の色を変えるにはどうしたら良いのでしょうか?

次ので順で可能です。(スタイルシートを使用します)

1.
表を作成します。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「表」タブをクリックします。
4.
「枠表示」のチェックをはずすか,「枠表示」欄に「0」を入力します。
5.
「スタイル」ボタンをクリックします。
6.
そのページすべての表に適用したい場合は「編集1」ボタンを,特定の表だけに適用したい場合は「編集4」ボタンをクリックします。
7.
「レイアウト」タブをクリックします。
8.
「ボーダー」欄の「予約語」を別のものに変えます。理解しやすいように,ここでは,「ピクセル」を指定してください。
9.
「幅」欄に適当な数値を入力してください。ただし,あまり大きな数値を入力してしまいますと,見た目がおかしくなることもありますので,注意してください。ここでは,理解しやすいように,2~4の数値を入力してください。
10.
「スタイル」欄では,適当なものを選択してください。とりあえず,「実線」を選択しますとわかりやすいと思います。もちろん,他のものでも構いません。
11.
「色」の欄を「標準」以外に変更してください。プリセットに希望する色がない場合は,「ユーザー定義」を選択してください。
12.
「ユーザー定義」を選択した場合,最初はもう少し多い数の色が選択出来るようになっていますが,そこになければ,「その他」をクリックしてください。
13.
Windowsの「色の設定」ダイアログボックスが開きますので,プリセットの中から選択するか,または,右半分で希望する色を作成してください。色を作成した場合は,必ず,「色の追加」ボタンをクリックして,そのあと,「作成した色」の中から選択し,最後に「OK」ボタンをクリックします。
14.
すべてのダイアログボックスが閉じるまで,「OK」ボタンをクリックしてください。

これで,表の外枠が変更出来ます。
次に,中枠の変更です。

1.
中枠を変更したい部分をクリックします。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「スタイル」ボタンをクリックします。
4.
すべての表の中枠に適用したい場合は「編集1」を,選択した部分の中枠だけに適用したい場合は「編集4」をクリックします。
5.
「レイアウト」タブをクリックします。
6.
「ボーダー」欄の「予約語」を別のものに変えます。理解しやすいように,ここでは,「ピクセル」を指定してください。
7.
「幅」欄に適当な数値を入力してください。ただし,あまり大きな数値を入力してしまいますと,見た目がおかしくなることもありますので,注意してください。ここでは,理解しやすいように,2~4の数値を入力してください。
8.
「スタイル」欄では,適当なものを選択してください。とりあえず,「実線」を選択しますとわかりやすいと思います。もちろん,他のものでも構いません。
9.
「色」の欄を「標準」以外に変更してください。プリセットに希望する色がない場合は,「ユーザー定義」を選択してください。
10.
「ユーザー定義」を選択した場合,最初はもう少し多い数の色が選択出来るようになっていますが,そこになければ,「その他」をクリックしてください。
11.
Windowsの「色の設定」ダイアログボックスが開きますので,プリセットの中から選択するか,または,右半分で希望する色を作成してください。色を作成した場合は,必ず,「色の追加」ボタンをクリックして,そのあと,「作成した色」の中から選択し,最後に「OK」ボタンをクリックします。
12.
すべてのダイアログボックスが閉じるまで,「OK」ボタンをクリックしてください。

「編集4」で変更した場合は,変更したい部分の回数だけ,中枠変更の作業を繰り返してください。
作業が終わりましたら,一度,プレビューなどで確認してください。

> 表の背景の色は初め透明だと思うのですが、1度色を付けたあとに、透明に戻すということは出来ますか?

可能です。
以下の手順で作業してください。

1.
背景色を削除した意表をクリックします。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「表」タブをクリックします。
4.
「背景」欄にある「色」欄,「色選択」ボタンの右に「#ff0000」など#と数値が表示されている部分をクリックします。
5.
キーボードの「Delete」キーを押してください。
6.
最後に,「OK」ボタンをクリックします。

これで背景色が削除出来ます。
背景画像をスタイルシートで指定していない限り,同じ方法で背景画像も削除出来ます。(もちろん,表の背景のことです)

ホームページビルダーV6~V7で確認しています。
たぶん,ホームページビルダー2000・2001も同じだと思います。

> 表の枠の色を変えるにはどうしたら良いのでしょうか?

次ので順で可能です。(スタイルシートを使用します)

1.
表を作成します。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「表」タブをクリックします。
4.
「枠表示」のチェックをはずすか,「枠表示」欄に「0」を入力します。
5.
「スタイル」ボタンをクリックします。
6.
そのページすべての表に適用したい場合は「編集1」ボタンを,特定の表だけに適用したい場合は「編集4」ボタンをクリックします。
7.
「...続きを読む


人気Q&Aランキング