« エンジン載せ替え-1 | メイン | 禁煙貯金 »

画像の縦並べ

画像を縦並びにするつもりでも2つ目以降の画像がずれて表示されてしまう場合は、次の画像のタグの直前に<br clear="all" />を挿入することで縦並びにすることが出来ます。挿入は、HTMLの編集(プレーンテキスト表示)で行います。


以下に前回のポストのHTMLソース(プレーンテキスト表示)を参考において置きます。
<a href="http://tam.synapse-blog.jp/blog/images/nosekae-1.jpg" onclick="window.open(this.href, '_blank', 'width=800,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img alt="nosekae-1" title="nosekae-1" src="http://tam.synapse-blog.jp/blog/images/nosekae-1_thumb.jpg" width="130" height="97" border="0" style="float: right; margin: 0px 0px 5px 5px;" />今日は暑かったですね。
暑さでヘタバリましたが、何とか本日のノルマ(既存のエンジンを降ろす事)を達成できました。
明日は筋肉痛、間違いないでしょう。
<br clear="all" /><a href="http://tam.synapse-blog.jp/blog/images/kuwagata_2.jpg" onclick="window.open(this.href, '_blank', 'width=800,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img alt="kuwagata" title="kuwagata" src="http://tam.synapse-blog.jp/blog/images/kuwagata_2_thumb.jpg" width="130" height="97" border="0" style="float: right; margin: 0px 0px 5px 5px;" />作業中に訪問してくれた小さなクワガタ君、一人の作業は淋しかろうと訪ねてくれたのでしょうか?

コメント

おかげさまで画像を綺麗に並べる事ができました。ありがとうございました。でも、コメントとの調和がもうひとつ…って感じです。
画像の挿入の場所は選べないのかなぁ~と思いました。

>clusterさん
私の場合は、編集画面の表示設定をプレーンテキスト表示にしたほうが、レイアウトの感じも掴み易く、改行も素直になるので、そのようにしています。

この記事へのコメントは終了しました。

Works blog-new

imocntjs