gooブログで画像に外枠をつける方法を教えてください

質問

gooでブログを作っています。
写真をのせることが多く、その写真に外枠をつけたいのですがうまくいきません。
今は（例）<img　src="http://blogimg.goo.ne.jp/user_image/**/**/8**c9c2***49d**e**dc*dc**f9***1d.jpg" style="border:1px silver double;padding: 2px
のように毎回記事を書くたびにjpg以下に「style」から後のものをつけていたのですが、私のMacでは反映されているのですがWindowsでは枠は反映されていませんでした。

毎回枠をつけずに、テンプレート（カスタムできるものを使っています）の段階で組み込んでおける方法と、そしてそれがMacとWindowsのどちらでもきちんと反映できる方法をご存知の方らいらっしゃいましたら教えてくださいますか？

よろしくお願いいたします。

回答No.2

Muller3 · ベストアンサー

写真風にしたいということでしょうか？
こちらが参考になると思うのですが、
「IEでポラ風が上手くいかない理由」
http://www.webcitron.com/blog/sblog/tips/eid198.html
要はgooブログが後方互換モードでIEに読ませるため、ie5のバグ
「img要素にパディングが効かない」
http://cssbug.at.infoseek.co.jp/detail/winie/b013.html
に引っかかってしまいます。（WinでもFirefoxではちゃんと見えているはずです）
標準準拠モードでページを読ませるようにすればいいのですが、gooブログはHTMLをいじれませんので、無理かと。

とりあえずWinIEには効きませんが、
＞テンプレート（カスタムできるものを使っています）の段階で組み込んでおける方法
スタイルシートに以下を追加
.etBody img
{
border:1px double silver;
padding: 2px;
}
※.etBodyの部分は、テンプレートによって違うかも。これはカスタムメタルの場合です

IEでも見られるようにするには、画像を毎回divでくくらないといけないと思うのですが、gooブログはdivにclass付けても投稿すると消される？みたいなので、
.etBody div
{
background-color: #ffffff;
border-width: 1px;
padding: 2px;
border-style: solid;
border-color: silver;
}
こんな感じでしょうか…。他の部分に影響なければいいのですが…。私もIE環境がすぐ確認できないもので、できなかったらすみません。
いろいろ試してみてくださいませ。

回答No.1

cdar

border:1px silver doubleの
1pxが3px からだと、なんとか２重枠(double)になってるようです。
IE6とFirefox2で確認しました。
残念ながら、Macは、もっていないのでわかりません。
中途半端ですいません。