Powered By FC2ブログ
ブログやるならFC2ブログ
今すぐブログを作っちゃおう!

--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2007年04月03日

エントリ部分の画像のマージンを削除する

何人かの方から質問を受けています、エントリ部分の画像のマージンについて説明しておきます。
まずは、記事を投稿する時に使用するタグのエントリをご覧下さい。こちらで説明しているように、画像は標準で右に16px、下に16pxのマージンが入ります。ですので、どの種類の画像(絵文字含む)を貼り付けたとしても、上のスペースが入ってしまいます。
個人的に、画像は先ほどのエントリで紹介しているような使い方しかしないため、私自身は問題ないんですが、画像を連続して貼り付けたり、絵文字を使用したりする場合には問題がでるようです。
このような、エントリ部分に画像を隙間無く貼り付けたい場合は以下のようにして下さい。

1.テンプレートのスタイルシート修正


#box-main img{
margin-right: 16px;
margin-bottom: 16px;
}

上記箇所がエントリ部分で画像を貼り付けた場合にマージンを設定している部分です。これを丸ごと削除してください。これだけで大丈夫です。

2.画像にマージンを設定する場合

画像によってマージンを個別に設定するには、以下のようにしてみて下さい。(まずは上の標準マージンを削除してから)


<img style="margin: 10px;" src="" width="" height="" alt="" />

styleで直接マージンを設定します。marginのサイズや場所(margin-topなど)は個別に指定してください。

スポンサーサイト

コメント

承認待ちコメント

このコメントは管理者の承認待ちです

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://templatetube.blog78.fc2.com/tb.php/26-c03d2168
プロフィール

Author:templatetube
FC2ブログへようこそ!

最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

Appendix


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。