画像を横並びに

　えぇ～・・・最初にお断り、本日のblog内容は先日に引き続き

Bloggerを利用してる人にしか無縁です（＾＾；

まぁ、ほぼ自分用と思っていただいて構いません～

　先日もこういう系のblogを書いたら、質問をもらったのでここで追加

弁慶

佐々木小次郎

＜どうやって、画像を横並びにしてるの？＞

　って事だったんですが、自分の場合はHTMLを使って並べてます。

何だかややこしい事をやってるみたいですが、決してそんな事は無く

手順的なものを書くと

・まず、普通にブログを書く。

・ここらへんで、横並び画像を入れたいなぁ～ってところで一旦

　左上の<>HTMLビューっていうモードに変更。

・うわっ∑（￣□￣！！わけわかんない英文字が並んだ～！

　って思うかもしれませんが無視です！無視！無視！

・とりあえず、いっぱい並んだ最後（たぶん、</div>　的な文字で終わってる？）

　へ移動し改行（Enter）、改行（Enter）

・そこへ意味わかんなくても良いのでこれ↓をそのままコピペで入れます。

<table border="0" cellpadding="0" cellspacing="0"><tbody>

<tr>

<td>

◆●◆

</td>

<td>

◆●◆

</td>

</tr>

</tbody></table>

・◆●◆の部分を全選択してそこに【画像を挿入】

・レイアウトの選択、的なのが開くので【サイズ→中】【配置→なし】

　まぁ、これは何でも良いです。

　あまり大きいサイズにすると、画面的に並ばないだけで

・はい、もう良いので再び左上で作成ビューに戻りましょう。

・編集画面上で画像が２つ並んでいればそれで完了

　あとは微調整（サイズ変えたり、文字入れたり？）

　表を作る時に使うHTMLなんですが、<td>　から　</td>　までが

１つのマスです。<tr>　から　</tr>　までが１つの行です。

なので↑の場合は◆●◆と◆●◆の２つのマスが１つの列に

並んでる事になります。

なので、HTMLビューにて◆●◆に画像を挿入せずに、そのままにすれば

こんな感じです↓

◆●◆

◆●◆

　これ、２つ横並びバージョンなのですが、<tr>　と　</tr>　の間に

<td>◆●◆</td>を入れれば、たぶんいくつでも並びます。

<tr>　から　</tr>　までを、増やせば列もどんどん増えます。

◆●◆も別に何の意味も無くて、HTMLビューで全選択をする都合上

HTMLの英文字がズラリと並んだ時に英文字にまみれず、

わかりやすそうな文字列を自分が勝手に選んでるだけで

まぁ、百聞は一見に如かず例えばこんな感じですね。

<table border="2" cellpadding="0" cellspacing="0"><tbody>

<tr>

<td>

名前

</td>

<td>

住所

</td>

<td>

サークル

</td>

</tr>

<tr>

<td>

サクラ

</td>

<td>

三重県

</td>

<td>

手話

</td>

</tr>

</tbody></table>

とすれば、こんな感じです。

名前	住所	サークル
サクラ	三重県	手話

勝手に上のコピペの部分とは変えてる部分（0→２）が有りますが

table border="2"　の2は表の枠線の太さです。数字を上げればたぶん

太い枠になりますが．．．画像の横並びに枠は不要だと思うので

ふだんは0にしてるだけです。

　これをどんどん行列を増やしていけば、こういう事が出来ます。

	１	２	３	４	５	６	７	８	９	計
池中 FROGs	０	０	１	０	０	２	１	０	０	４
木上 BIRDs	０	１	０	１	１	０	４	０	－	７

　野球のスコアボード！的な？（１１マス　×　３列）

実はこれ、今年のプロ野球観戦のブログを書いた時なんかに

ちょこちょこ使用してました。

※ちなみにチーム名は架空なので、池中とか木上に何の意図もありません。

　さてさて、本題に戻るのですが．．．画像を横並びにする方法

結局はHTMLモードで

<table border="0" cellpadding="0" cellspacing="0"><tbody>

<tr>

<td>

◆●◆

</td>

<td>

◆●◆

</td>

</tr>

</tbody></table>

↑基本となるこれを、コピペして2ヶ所の◆●◆へ並べたい画像の挿入を選択

そして、作成ビューに戻る．．．と、ただそれだけです。

自分もこんなの手入力するのは最初だけです。面倒だし・・・（笑）

わかりやすいかな？と思って　　　　　　　　　　　的な背景色も

付けていますが、HTMLビューにコピペしてしまえば、HTMLの編集画面に

背景色なんて概念は無いので、消えちゃうので大丈夫です。

結論

新しい投稿に↑これをコピペして、公開日を未来にでも設定しておいて

　公開　はせずに下書きで置いておくとコピペだけで使えて便利です。

タイトルは何でも好きに　～画像並べ～　とかにしておけばＯＫ。

って感じで・・・・自分が画像を横並びにしてる方法でした～。