よく使用する画像の位置調整
ホームページを作る際によく使う画像の表示に、下の二つのパターンがあります。
1 画像に対して文字位置をそろえる
この表示の仕方は、文字の表示位置を常に均等にする方法です。
 |
ここに文字を表示します。このような表示の仕方は良く使います。 |
 |
ここに文字を表示します。このような表示の仕方は良く使います。 |
 |
ここに文字を表示します。このような表示の仕方は良く使います。 |
２ 画像の大きさに合わせて文字の位置を変える
テーブルは横の行を作るために使い、文字を画像に回り込ませています。
*「回り込み」は、画像の横にも文字を表示させる方法です。
回り込みを使わないと、画像の横にはうまく文字が表示できません。そろえて表示する場合はテーブルを使えばよいのですが、このように画像の大きさに合わせて文字位置を変えたい場合は「回り込み」を使います。
| ここに文字を表示します。このような表示の仕方は良く使います。 |
| ここに文字を表示します。このような表示の仕方は良く使います。 |
| ここに文字を表示します。このような表示の仕方は良く使います。 |
■「余白」と併用する
上の例では画像と文字がピッタリ接しているため見づらくなっています。そこで、画像の余白をしていして文字との間隔を空けてやります。
| ここに文字を表示します。このような表示の仕方は良く使います。 |
| ここに文字を表示します。このような表示の仕方は良く使います。 |
| ここに文字を表示します。このような表示の仕方は良く使います。 |
|
|
