カラムに画像を貼った時の隙間

質問

最近ブログを始め、調べてもわからない点があったのでいくつか質問させて頂きます。
カラムに画像を貼ると、カラム幅を狭く設定しているのにもかかわらず画像の両端にAのような隙間が生まれてしまいます。ここを狭くする設定をしたいのですが方法がわかりません。
また、Bの幅もスタイルシートのサイトの幅設定を変更しても変わりません。
設定方法がありましたら教えて下さい。
もしかしたらタイトル下の黒いメニューバーが影響しているのかもしれません。

現在、FC2ブログのテンプレート工房様（http://10plate.blog44.fc2.com/）のwhite_eagleというテンプレートを仕様しています。
タイトル下の黒いメニューは（http://10plate.blog44.fc2.com/blog-entry-176.html）のタグを使用しています。このメニューの全体の幅の設定方法も教えて頂ければ有りがたいです。
わかりにくいと思いますが、よろしくお願いします。

回答No.2

naokita · ベストアンサー

検証はできませんが、見る限り予想できる事だけ書きます。
スタイルシートの話ですが、
-----------
B幅に関して、
　１、フリーエリアの外の枠にpadding関係がある
　２、フリーエリアの枠にmargin関係がある
-----------
A幅に関して、
　１、フリーエリアの枠にpadding関係がある
　２、フリーエリアの枠にtext-align:center;がある
　３、画像にmargin関係がある
　４、画像にpadding関係がある
-----------
　５、画像の前にHTMLレベルで空白のスペースがあるかもしれません・・・
フリーエリアと上部の黒いナビは無関係でしょう。

-------------------------------

参照サイトのソースを見る限り、
ナビ部分は、大外の枠の100%幅でしょうから、大外の枠幅を大きくするか
/* ▼メニューバー▼ */
ul#menu_bar {width:600px;

width:600px;を追加 ↑ しただけ
などのように大外の幅より小さい幅指定すると短くなるでしょう。

お礼

ありがとうございます
AB幅はうまくいきませんでしたが、メニューバーの改変はできました

回答No.1

4017B

実際のソースコードを見ないと分かんないけど。要は該当する部分の画像、つまりは<img>タグ周りの margin と padding を弄れば良いんじゃないかと。

FC2では直にUserがCSSを編集する事は可能なのですか？Userに許可された権限が、テンプレ素材を入れ替えるのみだったら、ちょっとこれ以上は難しいですね。CSSなりHTMLコードを直に編集出来る権限があるのなら、そこを弄れば良いと思います。

お礼

ありがとうございます
調べてみます