• ベストアンサー

ホームページビルダー  テーブルの中に余白をつくりたい

ホームページビルダー12を使用しています。 表の中に文章を入力して、スタイルシートマネジャーで表の中に4方向に5ピクセルの余白ができるように設定したのですが、画面上でみてみると、変化がみられません。 原因が分からず、セルの数が多いので個々に編集していくと時間が大変かかるので、極力スタイルシートマネジャーを使いたいのですが、うまくいきません。 どなたかおしえてくださいませ!(>-<)

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

  • ベストアンサー
  • rukuku
  • ベストアンサー率42% (401/933)
回答No.2

>「クラスのスタイルを設定」→クラス名をp5pxに設定して… この方法で合っています。 うまくいっているか分からないときには、設定を20pxにするなど、極端な値を設定しますと、「設定値が小さくて見た目に反映されていない」のか「設定方法が間違っているのか」が分かりやすいです。 ボーダーを非表示にしている場合には、一旦ボーダーを表示させてみると、うまくいっていない部分が分かりやすくなります。

watacha
質問者

お礼

ご丁寧にご回答していただきありがとうございます♪ これを参考にしていろいろやってみます☆ ありがとうございます♪♪

その他の回答 (1)

  • rukuku
  • ベストアンサー率42% (401/933)
回答No.1

はじめまして 私の場合はホームページビルダーのバージョンが10なので、操作は多少変わるかもしれません。 ただ、どのように作ろうと、できたHTMLファイルが同じなら、表示は変わりませんので回答します。 >表の中に4方向に5ピクセルの余白が まず、余白を作りたいTDのタグにクラス名を指定します(例:p5px)。 次に、「編集」の「レイアウト」で「パディング」を「5 ピクセル」に指定します。 後は、余白を空けたい各セルに同じクラス名(例でいえば:p5px)を設定すればOKです。 >画面上でみてみると、変化がみられません。 「ページ編集」や「ページ/ソース」ではスタイルシートの設定がうまく反映されないことがあります。「プレビュー」の画面で確認してください。

watacha
質問者

補足

迅速なご意見ありがとうございます♪ 大変助かります。 ちなみに、 >まず、余白を作りたいTDのタグにクラス名を指定します(例:p5px)。とありますが、これはまずスタイルシートマネジャーを開いて 「クラスのスタイルを設定」→クラス名をp5pxに設定してその後編集する形でよろしかったんでしょうか? 初めの部分だけつまづいているので、教えて下さると大変助かります☆

関連するQ&A

  • ホームページビルダーでの表内部の余白設定について

    ホームページビルダーでの表内部の余白設定について 現在、ホームぺービルダー14を使ってホームページの作成をしています。表を用いたレイアウトにしているのですが、表内部の余白を設定する段階で、上手く設定できずに困っています。 ホームページビルダーでページや表の余白を設定するには、スタイルシートでパディングとマージンを0にするという情報を参考にして、ページとテーブル(表)の余白設定はできているのですが、セル(表内部)の余白設定がどうもうまくいきません…。スタイルシートでは、BODY、TABLE、TD、いずれも4方向余白ゼロに設定しており、ビルダーのプレデュー画面でもそれらの設定がちゃんと反映されています。 しかし、FireFoxやIEなどのブラウザで閲覧すると、なぜか表内部だけ余白が出てしまっています。 表内部の最上部に置いているのがFLASH素材であるため、当初はそれが原因だと考えていたのですが、試しに素材の上にテキストを入れてみたところ、やはりビルダーでは余白ゼロ(パディング、マージン0%)が反映されているにも関わらず、ブラウザでは表内部の上部に余白がでていました。尚、表内部の左右の余白は、ちゃんとゼロになっていました。 皆様のお力添えを宜しくお願い申し上げます。

  • テーブル内の文章に余白をつける

    ホームぺージビルダー12を使用しています。 スタイルシートマネジャーを使って、表の中の文字に対して余白をつくろうとしています。 TDのタグ指定して4方向にパディングをいれると、文字の余白が作られません。どこのタグを指定すると文字に対しての余白が作られるようになるのでしょうか? 教えてください!

  • ホームページビルダー10で、セルへの画像の挿入時、画像の回りに余白が出来すぎて困っています

    こんばんは。 ホームページビルダー10の「標準モード」「スタンダードスタイル」で HPを作っています。 トップページを4列×9行のタテ長の表にして 表中の左のセルに画像を挿入して、右のセルを画像の説明に しています。 セルへの画像(写真)の挿入時 困った事が起きました。 セルによっては、画像(写真)がほぼセルのタテ・ヨコ いっぱいに挿入出来てセルに「余白」が無いのですが 別のセルでは、画像の周囲に余白が結構出来て おかげで表全体の横幅がかなり広がり、画面の左右に ほぼギリギリです。 (表の作成時には表幅は”80%”で作製しましたが  表の横幅が広がった結果、およそ95%?くらいです) ちなみの、セルを選択して、属性の変更→表→セルで セルの横幅・タテ幅の数値は削除しましたが、やはり余白部の面積は変わりません。 余白の無いセルに入れた画像も、余白の結構あるセルに入れた 画像も、ピクセルサイズはあまり変わりません。 自己流の改善策として、余白の出来すぎたセルに挿入した 画像は、全てヨコのピクセルサイズは統一しましたが あまり効果はありませんでした。 余白の結構出来てしまったセルを、余白があまり無い状態に 「改善」する方策がありますでしょうか。 よろしく御願いします。

  • ホームページビルダーで

    ホームページ作成で表を横並びに2個 その下に同じく表を横並びに2個作りたいです。 ビルダーを使って作成したのですが、ページ編集を見ると全て重なりあっています。 表とページの大きさが合っていないので見た目(プレビュー)はきれいでも重なって編集することになるのでしょうか。 もちろんz-indexがつきます。小さくこの4つの表とあと水平線と表題を入れるにはまずどんなスタイルシートが必要なのでしょうか?

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

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

  • ページ下部に大きな余白が…

    恐れ入ります。 ぜひ教えて下さい…m(_ _)m ホームページビルダー7を使っています。 ページ編集画面では問題ないのですが、 プレビューすると、いちばん下に大きな余白ができてしまいます。 解消する方法があれば、どなたかご教授いただけます でしょうか? 横に2分割した表(大)の中にすべての表、文字や イメージを入れて作っています。 左側にはさらに表を一つ入れてその中に文章、 右側には縦に表を3つほど入れて、そのいちばん下の ものの中に文章(小さい文字サイズで)をたくさん 打ち込んでいます。 その文字サイズと改行などのせいか表(大)の左側の 文章がかなり上の方で終わって、かなり空白ができる 状態でやっと、プレビュー画面で見て右側と左側の バランスがちょうど良くなります。 問題の、ホームページ自体の一番下にできる大きな 余白は、そのページ編集画面での左右のアンバランス さと、似たような高さのような気もするのですが、 属性変更の“セル”や“表”の高さの数値を変えて も、マウスでドラッグしてそれぞれの表のサイズを変えようとしても、大きな余白は消えません。 それどころか、あんまりいじると、今度は大きな余白が消えて、表(大)の中に大きな余白ができてしまいます。 どなたか解決方法をご存知の方、何卒アドバイスの程、よろしくお願い致します。

  • テーブル内の左右にだけ余白を設定するには?

    HPビルダー6.3を使っています。 テーブルを使ってリンク集を作っていますが、 表のセルの左右に余白がなく文字が詰まって 読みづらいと思うので右クリックで表の属性の セル内余白を設定してみましたが、上下にも 余白ができて表示が乱れてしまいます。 セルの左右にだけ余白を作りたいのですが、 どういうhtmlを書き込めばいいですか?教えてください。

  • 表の罫線。

    HPビルダーで表の罫線の幅を1ピクセルにして、 余白を2ピクセル、枠の表示を0ピクセルにして 罫線を黒にするにはやっぱり表の背景を黒にしますよね? それからセルの背景を白にすると黒い罫線の表が出来るんですが、 それだと背景が表のセルの中に透けて見えないんです。 そのセルの背景にページの背景を透かして(?)見せたいんです。 黒い罫線はそのまま残したいのですが・・・。 背景の固定をするスタイルシートは出来ています。 どうしたらよいですか?

  • ホームページビルダー10のセル結合で・・・

    ビルダー初心者ですみません。 表を作成した際に、文章がなぜか改行されてしまいます。 例えば、表を作成し、左上のセルに「ホームページビルダー」と入力した場合で、右隣のセルと結合しひとつのセルにしたとき、プレビューするとなぜか改行されて、 「ホームページ ビルダー」 のようになってしまいます。 セルを結合しているのに、文章には反映されないんでしょうか? どのようにすれば一行で書けるのですか?

  • ホームページビルダー12でのプルダウンメニューの作り方を教えてください。

    ホームページビルダー12でプルダウンメニューをつくろうと思い、ホームページビルダー13スパテク182を見ながら、やっているのですが、さっぱりわかりません。 本を読むと、最初、スタイルシートマネージャを開くのですが、いきなり、style.css(link)が本には書かれているのですが、実際には表示されていないので、どっから出てきたのかわからないです。 あと、ホームページビルダー上のどこに、「スタイルクラス」ツールバーがあるのかわかりません。 仕方がないので、ググったのですが、プルダウンメニューの作り方がわかりません。 ホームページビルダーでのプルダウンメニューの作り方、わかる方いらっしゃいましたらおしえてください。 宜しくお願いします。

専門家に質問してみよう