« max msp jitter ReWire その後 | トップページ | 土のいろ »

2009.11.19

cssの覚え書き 回り込み画像が囲み線をまたぐのを回避する方法

Blogの賑やかしのために関連広告を入れているのですが、記事と区別するために商品画像と商品リンクを実線枠で囲もうとしたら、Floatさせた画像が外側の実線を越えてまたいでしまいました。


091119_2


それで、いろいろ方法を探して実践したのがこれです。

HTML

<div class="wakusen">
<a href="http://www~~~>
<img src="http://~~~ style="float: left; margin: 0px 5px 5px 0px;">
</a>
<a href="http://www~~~>
○○○○●○○○○●○○○○…
</a>
<br class="clear">
</div>
CSS

.clear { clear: both; }



すると、このように

091119_2_2


なるわけですが、なんか邪道のような気がしますね、正しいやり方を知ったら追記したいと思います。
ちなみにmacのsfariでしか確認していません。

|

« max msp jitter ReWire その後 | トップページ | 土のいろ »

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/198455/46800270

この記事へのトラックバック一覧です: cssの覚え書き 回り込み画像が囲み線をまたぐのを回避する方法:

« max msp jitter ReWire その後 | トップページ | 土のいろ »