掲載:2011年07月14日
 小生のこのブログは、初期設定画面(マイ・ブログ/設定/ブログ設定)で、サムネイルサイズ:150px、回り込み:左回りこみに設定してある。また、デザインのHTMLとCSSで記事部の画像の横に文字が来た時のマージンを初期から設定している。

 そんなブログで記事を毎日投稿、写真を添付している。その写真の右や左や中央に文字を挿入して居る訳であるが、Seesaaブログでの実際の実施方法での質問が有った。その実際。

 この「画像を左右に並べて間に文を書く」方法はネットで数年前に検索で見つけた。原典は此処。

※ 画像を左右に並べて間に文を書く:
 http://yozoblog2.blog63.fc2.com/blog-entry-374.html

 此処には以下の様に書かれている。

<div style="text-align:center;">
<img src="左の画像URL" style="float:left;" /><img src="右の画像URL" style="float:right;" />

・・・画像の間に書きたい文・・・

<br style="clear:both;" /></div>

 この書き方で、Another HTML-lint gatewayでのエラーはありませんでした。


 と有る。此処で、Seesaaブログに画像110714-01_s.jpgと110714-02_s.jpg(画像は同じ物を利用)をサーバーにアップ、既定の方法でただ単に画像を2個並べれば以下の様に画像が左側に2個並ぶ。

110714-01_s.jpg110714-02_s.jpg あいうえお・かきくけこ・さしすせそ・たちつてと・なにぬねの・はひふへほ・まみむめも・やいゆえよ・らりるれろ・わいうえを・ん

 是の内部記載は以下の様に成っている筈である。

<a href="https://m-jun.up.seesaa.net/image/110714-01_s.jpg" target="_blank"><img src="https://m-jun.up.seesaa.net/image/110714-01_s-thumbnail2.jpg" width="150" height="99" border="0" align="left" alt="110714-01_s.jpg" /></a><a href="https://m-jun.up.seesaa.net/image/110714-02_s.jpg" target="_blank"><img src="https://m-jun.up.seesaa.net/image/110714-02_s-thumbnail2.jpg" width="150" height="99" border="0" align="left" alt="110714-02_s.jpg" /></a> あいうえお・かきくけこ・さしすせそ・たちつてと・なにぬねの・はひふへほ・まみむめも・やいゆえよ・らりるれろ・わいうえを・ん<br clear="all">


 是を、以下の様に書き換えれば一応画像は左右に別れ、真ん中に文字が入る様に成る。

110714-01_s.jpg110714-02_s.jpg あいうえお・かきくけこ・さしすせそ・たちつてと・なにぬねの・はひふへほ・まみむめも・やいゆえよ・らりるれろ・わいうえを・ん


<a href="https://m-jun.up.seesaa.net/image/110714-01_s.jpg" target="_blank"><img src="https://m-jun.up.seesaa.net/image/110714-01_s-thumbnail2.jpg" width="150" height="99" border="0" style="float:left;" alt="110714-01_s.jpg" /></a><a href="https://m-jun.up.seesaa.net/image/110714-02_s.jpg" target="_blank"><img src="https://m-jun.up.seesaa.net/image/110714-02_s-thumbnail2.jpg" width="150" height="99" border="0" style="float:right;" alt="110714-02_s.jpg" /></a> あいうえお・かきくけこ・さしすせそ・たちつてと・なにぬねの・はひふへほ・まみむめも・やいゆえよ・らりるれろ・わいうえを・ん<br style="clear:both;" />


 是は、初期既定の画像挿入方法で画像を投稿し、その後に赤字部分を変更している。当然、画像のクリア方法も変わるので注意。この方法を1つの記事の中で使い分けることで、小生の様な記事の投稿を可能にしている。結構に便利、皆さんも是非!。変更は何時もコピペを利用。

 因みに、小生は実際、此処 style="・・・" で、通常投稿とのマージンの違いも変更しています。

   (*^‥^*)」 イヨッ


この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック

このブログの人気記事 (直近24時間)
    最 新 記 事
    ×

    この広告は180日以上新しい記事の投稿がないブログに表示されております。