解決済

clip!clip!
Ads By Google

写真がセンターにこないのですが・・・


 

私のブログになりますが、毎回、写真が、センターから少しずれてしまっています。直せますか?

それから、少し前の記事になりますが、『パジャマでおじゃま』というタイトルの記事で、写真と写真の間の隙間をなくすことはできるでしょうか。

よろしくお願いします。

2008-12-09 23:49の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2008-12-10 03:19:47ベスト
.main img {
  margin: 0 1px;
  vertical-align: middle;
  float: none;
  border: 0;
  }
.main img.pict {
  padding: 5px;
  background: #fafafa;
  border: 1px solid #eee;
  margin: 0 3px 3px 3px;
  }
img {border: 0;}

.main img {
  float: none;
  }
.main img.pict {
  }
img {}
にするぐらいでFirefox では、いいと思います。
IEの場合は、
『パジャマでおじゃま』の記事の中の
それぞれの
img の align=left と hspace=5
を削除して下さい。
自信度 : 自信なし 回答レベル : アドバイス

ありがとうございました。

2.

2008-12-11 23:50:53
ソースを見る限りでは、きちんとセンタリング処理出来ているみたいですので、これはブログデザイン側の問題のようです。
ところで「冬の恒例」記事の一番下の写真はセンタリングとれているみたいですね。

<P><IMG class=pict height=367 alt=N hspace=5 src=" ; width=473 align=center border=0> </P>

最後にある「border=0> </P>」</P>の前に全角スペースが入っている分、左寄りになってちょうどいい位置に来ているようです。
やり方としては邪道ですが、ここに入れるスペースでバランスとるのが一番手っ取り早いのではないかと思います。
ちなみにテストしてみたのですが「風邪ひきました」の写真も、全角スペースを入れるとセンターに近い位置に写真を持ってくる事が出来ました。

「パジャマでおじゃま」の方は、試してみたのですが良い答えが出ませんでした。申し訳ありません。
回答レベル : アドバイス
Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: