- 締切済み
外余白(margin）と内余白(padding)の区別がつきません。
どなたかお知恵をお貸しください。困っています。 携帯サイトでは機種によってテーブルタグが反映されないと知り、長文を読みやすくするために、別のタグを使いたいと思っています。 ですが、外余白(margin）と内余白(padding)の区別がつきません。 長文を読みやすくするためには、どちらのタグを使えばよいのでしょうか。どちらも同じように見えます。 タグについて詳しい方、もしくは詳しい説明のあるサイトをご存知の方、教えて下さい。 どうぞ宜しくお願いします。
- dodgson
- お礼率79% (38/48)
- ホームページ作成ソフト
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
関連するQ&A
- [CSS]marginとpaddingについて
ブログのCSSを編集しています。 marginとpaddingの違いがいまいち分かっていなかったので、いろいろなCSS講座サイトを見て回ったのですが、少し混乱して来ました…。 自分なりに以下のような結論を出したのですが、何か問題はありますでしょうか。 ■marginとpaddingは要素にボーダー・背景色を使用しない限り、表示に違いはない。 ■marginはIE6などでレイアウトが崩れる場合や、ブラウザによって相殺が起きたり起きなかったりする場合もあるので、余白は全てpaddingで指定する。 ■ページ全体の設定はデフォルトで margin:0px と padding:0px とし、余白のいらない要素には何も記述しない。(CSSをスッキリさせたいので) ■ページ全体のセンタリングは、 margin:0px auto とする。(どのサイズのスクリーンで見ても、真ん中にくるようにしたいので) ネガティブマージンは使用しません。 また、各エリアやテキストに、ボーダーと背景色は使用していません。 表示に違いがないのであれば、出来れば余白は全てpaddingに統一したいのです。(統一した方が気持ち良いので) この解釈で合っているか、教えてもらえると助かります。 よろしくお願いいたします。
- ベストアンサー
- HTML
- パソコンのみで反映される余白・・・のタグ
パソコンのみで反映される余白・・・のタグ パソコンのみで文章の回りに反映される余白のタグを探しています。 body marginやdivを使っていたのですが、これらって携帯にも反映されますよね・・・？ あまり詳しくないので、誰か知っている方がいましたら教えて下さい。 ちなみに専門的なものでなくてもいいので一番使いやすいものだとありがたいです。 困ってます。よろしくお願いします。
- 締切済み
- HTML
- リストの左右の余白を調整したい
こんばんは 作成中サイトにて各ページへのリンクを メニューボタンをつくり一列に配置しました ですが marginやpaddingをゼロにしても余白がついてしまい・・・ どうしたら解消できますか？
- ベストアンサー
- HTML
- テーブルタグの携帯での表示のされ方
エムブロのテンプレートをHTMLタグを使い、カスタマイズしました。 テーブルタグを使ったのですが、パソコンからブログを見ると上手く反映されているのに、携帯から見ると、反映されません。 どうしてでしょうか? ちなみに機種はdocomoです。 テーブルタグはdocomoでは見えないらしいのですが、他のブログ様のテーブルタグ(?というか枠が2つあるテンプレート)はちゃんと見れます。 その人たちは、テーブルタグとは別のタグを使ってテーブルタグっぽくしているのでしょうか? 教えてください。
- 締切済み
- HTML
- divで囲まれたpaddingの指定を特定のタグだけ解除（margin:0px）する方法
タイトルに上手く書けなかったのですが、divでpaddingを指定して余白を作っています。 そもそもはmargin leftでまかないたかったのですが、ほとんどはfloat指定しているため、IE6で倍に広がりなくなくpadding指定しています。 ただ、中身のテキストや画像はいいのですが、タイトルにあたり<h2>タグだけをどうしても左はしに寄せたいと悪戦苦闘しています。 なんとかいい方法はないものでしょうか？ <div class="center-box2"> <h2>あああ</h2> <p id="top-text">いいい</p></p> <h3 class="caution-title1">あああ</h3> <img src="img/aaa.jpg" width="145" height="105" class="caution-img"> <p>いいい</p> </div> <h2>にはCSSで背景画像を使用し、テキストはindentで-9999を指定しています。 <h3>や<img>のpaddingの余白は指定のままで、タイトルの<h3>だけを何とかしたいと考えています。 どうかよろしくお願致します。
- ベストアンサー
- HTML
- 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
- IE6で画像の下に余白が入ってしまいます。
CSSを使ってレイアウトをしているのですが、 <ul> <li>画像</li> <li>画像</li> <li>画像</li> </ul> でなぜか画像ごとに、下の部分に少しだけ余白ができてしまいます。 CSSでmarginやpaddingを0にしたり、 http://www.happy-crossing.com/tagmemo/log/eid11.html にあるようにvertical-align:bottomにしたり・・・ それでもなぜか下の余白が表示されています。 こちらの方は治ったみたいなのですが・・・ 他のブラウザはいろいろ見ましたが、余白などなく表示されていました。 Dreamweaver上でも少し余白が見えています・・・ お心当たりのある方がいらっしゃいましたら、どうかよろしくお願致します。 CSSは以下のように記述しています。 ul { float: left; margin: 0px; padding: 0px; list-style: none; margin-top: 45px; } li { width: 150px; background-repeat: no-repeat; padding-left: 13px; padding-bottom: 0px; height: 140px; float: left; vertical-align: bottom; margin-bottom: 0px; }
- ベストアンサー
- HTML
- 以下のサイトのpaddingの設定方法
サイトの右サイドバーのホームページ制作事業のカテゴリー下の広告バナーのpaddingの設定がききません。 marginは設定すれば反映するのですがpaddingの設定がききません。 広告バナーの前にbackground imageとして三角の矢印を挿入したいため paddingで広告バナーを右に15px動かしたいです どのようにしたら移動できるか分かりません お分かりの方いましたらよろしくお願いします
- 締切済み
- ホームページ作成ソフト
- ブログ内の余分な余白を削除できずに困っています
FC2でブログを作成中の者です。今、記事横のプラグインと呼ばれるカテゴリー等を表示する部分の調整をしているのですが、そのタイトルと内容の部分に余分な余白ができてしまっています(下記参照)。 ■＝余白 ■■■■■■■■■■ ■■■■■■■■■■ ■■■■■■■■■■ タイトル ■■■■■■■■■■ ■■■■■■■■■■ ■■■■■■■■■■ ※内容部分も同様の状態。 このように大きな幅の余白が上下にできてしまっています。marginやpaddingの問題かと思い確認しましたが、どうやらそうではないようです。 テンプレートは共有テンプレートからダウンロードしたものなのですが、その時点ではプラグイン部分は普通に余白もない状態でした。どうやら私の未熟な加工が原因のようです。 marginやpaddingの他にこのような余白(スペース)ができる要因はあるのでしょうか？もしご存知の方がいましたら教えてください。
- ベストアンサー
- ブログ
- タグのcellPaddingとCSSのpaddingについて
HTMLとスタイルシートについての質問です。 よろしくお願いします。 ブラウザの見え方の差異を回避するため、CSSの冒頭に*{padding:0;margin:0} の記述をしています。 一部DIVでこの設定を適用外にしたかったため、クラスを利用し .area *{padding:auto;margin:auto}と記述してみました。 一見思い通りになったように見えたのですが、tableタグのcellPaddingより スタイルシートが優先されてしまうようで、cellPaddingが無視された形になって しまいます。 タグをいじらずに.area内のcellpaddingが摘要されるようにするには どのようにしたら良いでしょうか？ 詳しい方ご教授ください。
- ベストアンサー
- HTML
