電子書籍の厳選無料作品が豊富!

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

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

「カラムに画像を貼った時の隙間」の質問画像

A 回答 (2件)

検証はできませんが、見る限り予想できる事だけ書きます。


スタイルシートの話ですが、
-----------
B幅に関して、
 1、フリーエリアの外の枠にpadding関係がある
 2、フリーエリアの枠にmargin関係がある
-----------
A幅に関して、
 1、フリーエリアの枠にpadding関係がある
 2、フリーエリアの枠にtext-align:center;がある
 3、画像にmargin関係がある
 4、画像にpadding関係がある
-----------
 5、画像の前にHTMLレベルで空白のスペースがあるかもしれません・・・
フリーエリアと上部の黒いナビは無関係でしょう。

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

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

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

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

お礼日時:2011/10/11 05:53

実際のソースコードを見ないと分かんないけど。

要は該当する部分の画像、つまりは<img>タグ周りの margin と padding を弄れば良いんじゃないかと。

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

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

お礼日時:2011/10/11 05:51

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!