• ベストアンサー

CSSで余白を設定するタグ

CSSで左右の余白を設定するタグは何を使えばいいのでしょうか? また、HPのコンテンツでサイドバーを使いたいのですがそれもどのようなタグを使えばいいのでしょうか。 よろしくお願いします。

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

  • ベストアンサー
  • yspec
  • ベストアンサー率22% (58/255)
回答No.1

margin とか padding かな。 サイドバーの作り方と言われても色々あるからここでこれっては良いづらいですね。どういうサイドバーかもわかりませんし。

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

関連するQ&A

  • TRタグの余白をcssで設定するには

    TRタグとTRタグの間に余白とつけて表示したいのですが、 CSSでmarginが効かず、paddingはボーダーがTDタグの下に設定してあるので、 文字と線の間が開いてしまいます。 margin-bottomが効けばいいのですが、どうすれば表示することができますか? <table> <tr>    <td>test</td>    <td>test</td> </tr> <tr>    <td>test</td>    <td>test</td> </tr> </table>

    • ベストアンサー
    • HTML
  • html5での、h1タグの余白について

    モバイル端末用のページをhtml5+CSS3でコーディングしています。 基本的にリキッドレイアウトで、imgタグについてはwidth:100%; vertical-align:top;を設けています。 また初期化用CSSとして、以下URLのCSSを読み込ませています。 https://code.google.com/p/html5resetcss/downloads/detail?name=html5reset-1.6.1.css&can=2&q= img(width:100%)をh1タグで括っているのですが、iPhoneで検証してみると、pタグ内に余白ができて しまいます。 h1に対して、CSSで余白がでるようなことはしていません。 また、横向きにすると余白はでず、縦向き時のみ余白が出ます。 このような現象ってご存知で、解消方法はありますでしょうか。

  • cssのタグを教えてください

    今、外部cssファイルに初挑戦しながらWebサイトを作っています。 divで枠組みを縦4つに区切って、上から「1,2,3,4」と名前をつけたのですが、 一番上のidと二番目のidの間に余白が空きすぎています。 この余白をつめるcssのタグの書き方を教えていただけないでしょうか。 超初心者のため情報不足があれば補足させていただきます。 どうぞよろしくお願いいたします。

  • タグで、左等に余白を作りたいです

    現在FC2ブログを運営しており 関係無いかも知れませんが ブラウザはFirefox3.5です それで、定期的にアップする記事が、あり 毎回の設定が面倒なんで タグで工夫したいという質問です 内容としては、ある程度文章の中に 箇条書きで表現してる部分が、あるんですが その文章に対して、今迄は アップの度に、手動で…つまり スペースキーで余白を作り、アップして来ました ところが、それで実行すると 莫大な時間が掛かる為 タグで余白を作りたいという事なんです 文章としては、こんな感じです 尚、適当な文章が浮かばなかった為 今回表現してる文章は、適当に入力しました ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆    おはよう御座います    こんにちは    こんばんは    さようなら  すいませんでした  申し訳御座いません  有難う御座いました ☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆ 従って、文章全体で 左側に、同じ余白を…という事じゃ、ありませんし また、左右に余白を…でも、ありません ただ、今後は文章に対しても 一部を除いてセルで囲もうと思ってます その例を紹介すると <table border=0> <tr> <td> おはよう御座います こんにちは こんばんは さようなら </td> </tr> </table> 余談ですが、タグに詳しい方なら御存知だと思いますが このセルの場合 <table border=0>の部分で border=0の所に数字を入れると枠が出ますが 0の設定だと、枠は見えませんから ケースバイケースで使い分けようと思いました 従って、今後は このセルに対して個別に余白のタグを設定出来れば… と考えてます ただ、自分でも調べたんですが この様なタグしか見つからず http://siriasu.s10.xrea.com/HTML/body.htm 但し、上記HPでは 余白ゼロで設定してる為、応用と思い <body leftmargin="10" > おはよう御座います </body> と入力したんですが どういう訳か反映出来ませんでした

  • h1タグの余白

    h1タグを使うと文字が大きくなり、周りの余白もできてしまいますが、CSSで解消できることが調べてわかりました。 ところが、外部ファイルの記述でマージンをh1 { margin:0px; }としても下の余白はなくなるのですが、上の余白が1行改行されています。 ソースをみても問題はないように見えるのですが、どなたかお分かりの方がいらっしゃいましたらお願いします。

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

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

  • ページ印刷時の余白設定

    HPを作っているのですが (横幅750pix程/ページマージン上下左右0pix)、 A4縦印刷する時にどうしても右側が切れてしまいます。 (※A3や、横にしたり、ブラウザ側で余白の設定をすれば印刷できます。) CSSで、印刷時の紙の方向などを設定するのは調べてみたところ可能のようなのですが、A4縦方向ではいるようにCSSでの指定は可能なのでしょうか?不可能なのでしょうか・・・。 印刷時の余白設定はやはりブラウザ側で設定するしかないのでしょうか? ページ自体の幅(デザイン)を狭くするのは最終手段として、、、。 ご教授いただけませんでしょうか。 よろしくお願いいたします。

  • CSSでボックスの位置を変えたときの余白を消す

    CSSでボックスの位置を変えたとき、変える前にボックスがあった場所が余白になると思いますが その余白をつめる方法はないでしょうか? やはりページを1つの大きなボックスにして設定するしかないでしょうか?

    • ベストアンサー
    • HTML
  • paddingで設定した余白について

    CSSとXTHMLを勉強しています。 以下のように、ソースを記述した時、 上下左右ともに20pxの余白が設定されると思うのですが、 上部余白のみ広くなってしまします。 理由を教えて頂けませんか? div#container{ border:solid 2px #bbffaa; padding:20px } <body> <div id="container"> <h1>てすと見出し1</h1> <p>てすと</p> </body>

  • htmlとcssを分けたい。

    http://www.7key.jp/hp/_ex/9.html このページの様にhtmlとcssを使い左右に均等な余白を作りたいのですが、 このページの記述方法だと、htmの中にcssが書き込まれています。 このページの記述方法と同じで、 この記述を外部cssにとして分けたいのですが、 方法、出来れば、ソースを書き込んで回答してくれるとありがたいのですが、 どうか、宜しくお願いします。

    • ベストアンサー
    • HTML