ハイパのブログ一覧

普段、家でもFirefoxで見て居たんですが、
ふと、IEで表示したら画像がズレて入ることを発見(遅)
なので、テストを兼ねて、画像配置のテスト。
←ブログ登録時に表示する所。
<br clear=all>
↑これで画像の右側回りこみを解除。




←今まで使ってた掲示板からの活用。
<a href="/image.aspx?src=%3cb%3e%ef%bc%b5%ef%bc%b2%ef%bc%ac%3c%2fb%3e" target="_blank"><img src="ＵＲＬ" alt="画像" width="220" border="0" align=left hspace=20></a>
コメント
<br clear=all>



IEとFireFoxでやっぱり表示の仕方って違うのね･･･( ﾉД`)
クリックできる範囲もコメントの頭の開始位置も、画像と文字の間も違うな～


←今回のテスト。
ブログのをそのまま活用して貼り付けてみた。
これだとうまく出来てるっぽいけど･･･
毎回これコピペするの面倒だよ･･･orz
HTMLが長いので写真の下に。


<a id="_ctl0_ContentPlaceHolder1_Repeater_Blog__ctl0_BlogDetail_HyperLink_Image" href="/image.aspx?src=%3cb%3e%ef%bc%b5%ef%bc%b2%ef%bc%ac%3c%2fb%3e" target="_blank"><img id="_ctl0_ContentPlaceHolder1_Repeater_Blog__ctl0_BlogDetail_Image_Blog" class="pict" src="ＵＲＬ" width="220" align="left" style="border-width:0px;"/></a>
コメント
<br clear=all>


←idを取ってみた。こっちのほうが簡単だだだ(笑)
<a href="/image.aspx?src=%3cb%3e%ef%bc%b5%ef%bc%b2%ef%bc%ac%3c%2fb%3e" target="_blank"><img class="pict" src="ＵＲＬ" width="220" align="left" style="border-width:0px;"/></a>
コメント
<br clear=all>
よくよく考えてみたら、idじゃなくてClassで設定してるだけだったんね。
あの長いidってなんだろう？



これでいいかな～
うーん･･･でも、もうちょっと活用できないかな？

ちなみに、
Ｍｙ掲示板に登録した画像(クリックした後の大きい画像)のURLを上記のＵＲＬへ入れてまス。
画像の回り込み対策もできてるし、他に綺麗に表示する方法ってないかな？

HTML分かる人、教えて～♪