二枚の画像をつづけて「この画像を使う」を
クリックすると、このように縦に並びます(↓)。
画像をテキスト(文章)つきで、
横に並べる方法をご紹介します。
このようなものです。(↓)
タグコードはこのようになります(↓)。
<div align="center">
<font size="4"><b>ビフォー⇒アフター</b></font>
<img style="border-style:groove;border-color:#ca6d74;border-width:4px" width="200" src="左側の画像のURL"align="top"/></a><b>⇒</b><img style="border-style:groove;border-color:#ca6d74;border-width:4px" width="200" src="右側の画像のURL"align="top"/></a></div>
<font size="4"><b>ビフォー⇒アフター</b></font>
<img style="border-style:groove;border-color:#ca6d74;border-width:4px" width="200" src="左側の画像のURL"align="top"/></a><b>⇒</b><img style="border-style:groove;border-color:#ca6d74;border-width:4px" width="200" src="右側の画像のURL"align="top"/></a></div>
緑字の箇所を表示したい
テキストに差し替えて下さい。
(例:使用前⇒使用後)
赤字の二つの箇所に、
それぞれ表示させたい画像の画像URLを記入して下さい。
---
※参考までに画像URLを取得するには、
画像の上で、右クリックして「画像URLをコピー」
を左クリックすると、クリップボードにコピーされます。
(※ブラウザによって方法は異なります)
---
サロンブログをされてる方とかは、
知っておくと便利な方法かな~と思います。
なにかの、お役にたてば、うれしいのですが・・
☆ブヒ ゞ(^_-)v