#Blogger
画像を横並びにするための手順
- 記事作成画面を「HTML」モードにします。
- 画像を貼り付けたい場所に以下のコードをコピペします。
- 「ここを全選択して画像を追加」というところをドラッグで全選択し、投稿画面上部ツールバーの「画像の挿入」ボタンをクリックして手順に従い画像を挿入すれば完了。
横並びテーブルタグ
<table cellpadding="0" cellspacing="0"><tbody>
<tr>
<td>
ここを全選択で画像を追加
</td>
<td>
ここを全選択で画像を追加
</td>
</tr>
</tbody></table>
- 「cellpadding="0"」はセルと画像の余白です。「cellpadding="10"」の様に数値をいれる。
- 「cellspacing="0"」はセル同士の間隔です。cellspacing="10"で内罫線が太く見える感じになります。指定（追加）しない場合はブラウザの仕様でデフォルトの間隔が空きます。
- <table の後にborder=""を追加指定すると、枠線を入れる事も出来ます。
画像を4枚挿入するとき
4枚だと2段、6枚だと3段という感じでいくらでも枚数は増やせます。
<table cellpadding="0" cellspacing="0"><tbody><tr>
<td>
ここにカーソルを合わせます。ここに１の画像
</td>
<td>
ここにカーソルを合わせます。ここに２の画像
</td>
</tr>
<tr> *ここから2行目です。
<td>
ここにカーソルを合わせます。ここに３の画像
</td>
<td>
ここにカーソルを合わせます。ここに４の画像
</td>
</tr>
</tbody></table>
注意点
- 画像は同じサイズにしてから挿入する。
- HTML編集画面から画像を貼り付ける場合、Bloggerでは「レイアウトを選択してください」と出ますが、特に何も変更はしなくてOKです。
投稿
0 件のコメント:
コメントを投稿