二枚の画像を横に並べるには | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

通常、アメブロの画像フォルダーから、
二枚の画像をつづけて「この画像を使う」を
クリックすると、このように縦に並びます(↓)。





画像をテキスト(文章)つきで、
横に並べる方法
をご紹介します。

このようなものです。(↓)


ビフォー⇒アフター


タグコードはこのようになります(↓)。


<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>


緑字の箇所を表示したい
テキストに差し替えて下さい。
(例:使用前⇒使用後)

赤字の二つの箇所に、
それぞれ表示させたい画像の画像URLを記入して下さい。
---
※参考までに画像URLを取得するには、
画像の上で、右クリックして「画像URLをコピー」
を左クリックすると、クリップボードにコピーされます。
(※ブラウザによって方法は異なります)


---

サロンブログをされてる方とかは、
知っておくと便利な方法かな~と思います。

なにかの、お役にたてば、うれしいのですが・・


☆ブヒ ゞ(^_-)v