段組設定

前へ 次へ

経営・企業理念


左側に画像、右側にテキスト文章を配置する段組例

画像の説明

ああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううう
ええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおお


左側にテキスト文章、右側に画像を配置する段組例

ああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううう
ええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおお

画像の説明


左右共に画像とテキスト文章を配置する段組例(応用編)

画像の説明
ああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううう
ええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおお

ああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううう
ええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおお
画像の説明


次に、段組4段での表示例

なるべく多くの画像を横並びにして、その画像の下にテキスト文を配置する方法として、段組の機能があります。今回、4列の段組で画像をサムネイル画像として配置してみました。
そのサムネイル画像をクリックしてみて下さい。オリジナル画像がポップアップされると思います。このような画像表現は、一見すると商品画像を一覧で表示するネットショップ・ページに通じる表現かと思います。多いに利用する価値がありそうです。尚、今回使用した画像は、著作権フリーの画像素材サイト「足成」より取得しました。

最左端の画像
ここは最左端のテキスト領域です。ここは最左端のテキスト領域です。
 
最左端の画像
ここは最左端のテキスト領域です。ここは最左端のテキスト領域です。

2列目の画像
ここは2列目のテキスト領域です。ここは2列目のテキスト領域です。
 
2列目の画像
ここは2列目のテキスト領域です。ここは2列目のテキスト領域です。

3列目の画像
ここは3列目のテキスト領域です。ここは3列目のテキスト領域です。
 
3列目の画像
ここは3列目のテキスト領域です。ここは3列目のテキスト領域です。

最右端の画像
ここは最右端のテキスト領域です。ここは最右端のテキスト領域です。
 
最右端の画像
ここは最右端のテキスト領域です。ここは最右端のテキスト領域です。