seesaaブログに画像を入れる際の文字間隔

質問

こんにちは。

seesaaブログを最近始めたのですが、画像を左側に取り込みアップロードすると、画像の右端と本文記事の間の間隔があまりにも狭いのです。

今まで他のブログサービスを利用して同様のことを行った場合は、自動的に間隔が空いていたのですが。

この場合、スタイルシートを編集しないといけないのでしょうか。

よろしくお願いします。

回答No.2

noname#57571 · ベストアンサー

> tareteruさんがおっしゃる箇所が下のものかどうかわかりません。

それはスタイルシート（CSS）ではなく、HTMLのソースです （ ^^；
スタイルシートにはタグは一切なく、次のような記述ががたくさん並んでいます。

img {
border: none;
}

この場合は、ブログ内のすべての画像要素（img）についてリンクの枠線を表示しないという設定です。実際にはこう単純ではなく、ID名（頭にシャープ記号が付く）やクラス名（頭にピリオドが付く）との組合せで書かれていると思います。

ID： （#entry_body など）
クラス： （.entry_body など）

例えば先ほどの例で上下左右のすべてに幅5pxの余白を付けたい場合は、下記のように追記します。上下左右の余白をそれぞれ違う幅にする場合は、ANo.1に記載の通りです。

img {
border: none;
margin: 5px;
}

なお、私はSeesaaブログは利用したことがないので、どこでスタイルシート出来るかは知りませんが、普通はHTMLソースの編集画面と同じページ内にあるのではないかと思います （ ^^

お礼

tareteruさん、

ご丁寧にありがとうございました。
スタイルシートも見つけることができました。

これから頑張ってみますっ！

回答No.3

noname#57571

訂正＆追記

＞ どこでスタイルシート出来るかは知りませんが、

書き違えました。正しくはこうです （ ^^；
↓
＞ どのページでスタイルシートを編集出来るかは知りませんが、

ちなみに、その答えを見つけましたので、お知らせします。

Seesaaブログ ・ヘルプ スタイルシートの設定の仕方
http://blog-help.seesaa.net/article/1579685.html

回答No.1

noname#57571

スタイルシート内に記事本文中の画像に関する設定個所があると思います。
要素の指定内容やID名、class名はテンプレートによって異なりますが、大体こんな感じでしょう。

.entry_body img {
border: none;
}

その中にマージン（余白）の設定を一行追記するだけです。次のように書きます。

「 margin: 0px 5px 4px 3px; 」
この場合は上0px、右5pix、下4pix、左3pix

「 margin: 0px 5px; 」
この場合は、上・下0pix、左右5pix

「 margin: 0px 5px 3px; 」
この場合は、上0pix、左・右5pix、下3pix

補足

tareteruさん、

ありがとうございます。

今、スタイルシートの中をimgとかborderで検索かけたのですが（私はほぼ初心者です）、tareteruさんがおっしゃる箇所が下のものかどうかわかりません。↓

<tr>
<td height="140" valign="bottom"><a href="<% photo.page_url %>" target="_blank"><img src="<% thumbnail.page_url %>" border="0" width="<% thumbnail.width %>" height="<% thumbnail.height %>" /></a></td>
</tr>

この場合、どこに「一行追記」すればいいのでしょうか。あと、その方法も教えてください。<>で囲むのでしょうか。

質問が重なってしまってすみません。よろしくお願いします。