==教えることは自分育て==

カテゴリ:├色々な画像の貼り方( 5 )
|TOPに戻る
画像の中央寄せ
まず400px×300pxの画像を中央に貼ってみましょう。
b0063421_19512543.jpg
中央に貼った場合、このように文字を後に書いても、流れ込みません。
[PR]
by otomi7771 | 2004-11-16 19:45 | ├色々な画像の貼り方 |TOPに戻る
左揃え
画像を左寄せで貼ると、画像の次のテキストは、画像の右に回りこみます。
画像の擬似タグの後でEnterキーをたたくと、エキサイトのほうで<br>という改行タグを自動的に記述するので、一行下がってしまいます↓

b0063421_20361020.jpg
ウツボグサ(靫草)
花穂の様子が矢を入れる靫(うつぼ)に似ているから付いた名。
[PR]
by otomi7771 | 2004-11-15 23:28 | ├色々な画像の貼り方 |TOPに戻る
右揃え
右揃えにはりました。擬似タグの直後から文字を入力しましたので、段が揃っています。

b0063421_20374273.jpgイヨフウロ(伊予風露)
繊細な紅紫色の脈が印象的でした。四国に多い花で、別名シコクフウロ。
[PR]
by otomi7771 | 2004-11-15 23:19 | ├色々な画像の貼り方 |TOPに戻る
2行×2列の画像の配列
b0063421_14425254.jpgb0063421_14484139.jpgb0063421_14595750.jpg

2枚画像を左寄せで貼ったが、右の余白に3枚目(左寄せ)が入り込んでしまった。
正解は2枚目のあとに、回り込み解除改行タグ<br clear=all>を書きこめばよい。
書き込まずに、投稿欄の下の方に赤字でタグがありますから、コピー&ペーストでいいですよ。(←私もいつもそうしています。)




b0063421_14425254.jpgb0063421_14484139.jpg
b0063421_14595750.jpgb0063421_14545537.jpg

この投稿欄は、下のようになっているのが正解です。
b0063421_21395641.jpg

[PR]
by otomi7771 | 2004-11-15 20:42 | ├色々な画像の貼り方 |TOPに戻る
市松の画像の貼り方
市松に画像を貼ってみましょう。
左に画像を配置すると、そのあとの文字は右に流れ込みます。
文字数が少ないと、そのあと(下)に画像が入り込みます。
それを防ぐには、回り込み解除改行タグ<br clear=all>を書き込みます。

b0063421_20361020.jpgウツボグサ(靫草)
花穂の様子が矢を入れる靫(うつぼ)に似ているから付いた名。
b0063421_20374273.jpgイヨフウロ(伊予風露)
繊細な紅紫色の脈が印象的でした。四国に多い花で、別名シコクフウロ。
b0063421_20382650.jpgシライトソウ(白糸草)
木陰にひっそりと、名の通りの美しい花です。


<正解>
上の投稿画面です。クリックして拡大してご覧下さい。
b0063421_20525242.jpg

[PR]
by otomi7771 | 2004-11-15 19:34 | ├色々な画像の貼り方 |TOPに戻る