• ベストアンサー

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

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

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

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

>表の中の文章の始まりの部分などに余白をいれたいのですが、 すみません。やはり今一つ意味がわかりません。 今現在の指定内容(ソース)と、希望に近いサイト(URL)があれば早い解決になると思います。 <以下憶測> 4方向が同じ余白サイズだから、始まりの左側だけを他の3方向と異なる余白サイズにしたい事だったりして? td { width: ×××px; /* この指定は任意で */ padding-left:○○px; /* 左の余白 */ padding-top:△px; /* 上の余白 */ padding-right:△px; /* 右の余白 */ padding-bottom:△px; /* 下の余白 */ } 最悪、好きなだけ全角スペースを入れるとか。

その他の回答 (2)

  • yuuu69
  • ベストアンサー率29% (8/27)
回答No.2

テーブルのセル内の余白であればHTMLでタグ<table>にプロパティ"cellpadding"を設定すれば余白ができます。 例) <table cellpadding="5">

参考URL:
http://www.geocities.jp/haku1569/web/ref/html/t/table.html#cellpadding
noname#248056
noname#248056
回答No.1

文字間の指定でしょうか? (だとしたら)tdタグの指定に letter-spacing: ○○px; を追加します。

watacha
質問者

補足

質問が明確でなくて、すみません。。 表の中に文章があってその表の中の文章の始まりの部分などに余白をいれたいのですが、なかなか思うようにいきません。表が多いためスタイルシートマネジャーを使用したいところなのですが。。 もしやり方を知っていたら教えてくださいっ!

関連するQ&A

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

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

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

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

  • セル内の余白について

    http://www.kyoto-1-hotel.jp/index.htm 上記のHPのメニュー部分には余白が3POINT設定されているのですが自分で表を3段造って一番下だけ余白を入れようとすると3段全てに余白が入ってしまいます。スタイルシートのパディングでpointを3にしてみましたがセル内の余白が入りません 上記のHPの様にmenu部分にだけ設定する方法を教えていただきたいのですが、よろしくお願いします。

  • スタイルシートの見出しタグについて

    はじめまして。メモ帳にスタイルシートを使ってホームページ作成をしています。表セル内に見出しタグを使ってクラス分けをしているのですが、どうしてもh1~h6の見出しタグを使うと、文字の下に下余白がかなり出来てしまいます。普通に文中でならいいのですが、表セル内では前後の余白が違うと見た目、かなりアンバランスになってしまうのです。 ホームページリーダーなどにも対応させたいので、どうしても見出しタグを使用したいのです。 マージンやパディングで調節しましたが、それだと下余白の分が基準で、さらに上が広がってしまい、セル幅が全体的に無駄な余白で占領されることになってしまいました。 よろしくお願い致します。

  • テーブル内のセル間にスペースを空けたい

    tableタグとtr、tdを使って2行2列の表を作っています。 (1)それぞれのセルとセルの間にスペースを空けたいです。 (2)セルの中の文字の開始位置を1文字分程空けたいです。 CSSでの指定でも構いません。 tdやpにmarginを指定したり、cellpadingなど色々試しましたがうまく行きません。 どうかご教授をお願いします。

    • ベストアンサー
    • HTML
  • テーブルの行の高さを指定する時全てのtdタグに?

    スタイルシートでテーブルの行の高さを指定する時は、 全てのtdタグにスタイルシートを指定するべきか、 1つだけ(一番左だけ)指定すればいいのかわからないので押してください。 全てのtdタグに指定しても、一つのtdタグに指定しても、結局はその行の高さは指定した高さになります。 コードを書く上でどちらが適切か教えてください。 -------------------------------------------------- <style type="text/css"> td.test {height: 50px;} </style> <body> 1の例<br>(2列ともclass="test"を入れた)<br> <table border=1> <tr><td class="test">1</td><td class="test">2</td></tr> <tr><td class="test">3</td><td class="test">4</td></tr> </table> <br><br> 2の例<br>(一番左の列だけclass="test"をいれた)<br> <table border=1> <tr><td class="test">1</td><td>2</td></tr> <tr><td class="test">3</td><td>4</td></tr> </table> <br><br> 3の例<br>(スタイルシートは何も指定していない)<br> <table border=1> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> </table>

    • ベストアンサー
    • HTML
  • webページの上余白をなくす方法

    お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 1.<body topmargin="0" marginheight="0"> この方法と、 2.スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この2つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。

  • テーブルでセルの枠線を消す(CSS)

    表をつくり、下記の方法でセルの枠線を消しています。 <html> <head> <style type="text/css"> <!-- td{border-color:black;} --> </style> </head> <table border> <colgroup span=2 width=50></colgroup> <tr> <td>a</td> <td style={border-style:none;}>aa</td> </tr> <tr> <td>b</td> <td>bb</td> </tr> </table> </html> セルのタグ<td>内にスタイルシートを設定するだけで消せると思ったのですがうまくいかず、 先頭で設定するスタイルシートで<td>のボーダー設定をすると何故か消す事が出来ました。 なぜ<td>内の設定だけで消えないのか理由が分かる方、説明お願いします。

    • ベストアンサー
    • HTML
  • ホームページ作成中。上にある余白をなくすには。

    お世話になります。 タグの指定方法を教えてください。 表に文字などをレイアウトして配置しようとしています。フレームを使いたいので、表自体がそのページの一番上にくっついた状態・・にしたいのですが、そのままだと上に余白があって表が始まる・・ような感じになってしまいます。 この余白を消して、ページの上(画面上部という意味です)から表を表示させる方法を教えてください。

  • tdの中のtableの中のtd

    .box{~~} という具合にfont-sizeやline-heightを スタイルシートで定義しています。 あるtdの中に<td class="box">で そのスタイルを適用させるまではいいのですが、 そのtdの中にさらにtableを作った場合、 その中にはboxスタイルが適用されません。 入れ子になっている影響かな?とは思うのですが、 この場合、どう指定したらよいのでしょうか。 すべてのtdにclass指定するのは避けたいです。

    • ベストアンサー
    • HTML

専門家に質問してみよう