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

右揃え
右揃えにはりました。擬似タグの直後から文字を入力しましたので、段が揃っています。

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に戻る
画像は小さくビューは大きく(擬似タグ応用)
例えば、440×194の画像をUPします。下のような擬似タグが表示されます。
b0063421_20563551.jpg

この擬似タグは、ソースのほうでは、ジャバスクリプトを書き込まれ、中央揃いの場合、本文の幅以上の画像は、幅のサイズに自動縮小され、クリックすると、拡大されます。

b0063421_2034919.jpg


この場合は、本文の幅より狭いので、実寸で表示されています。
クリックしても、大きさはこれ以上拡大しません。

ただ元の画像を、半分に小さく表示したい場合、下のように、擬似タグのサイズをいじることで便宜的に小さくできます。但し、ビューは2段階で拡大します。

タグを打つより、ず~っと簡単ですね。初心者にはお薦めの裏技です。

b0063421_2103279.jpg

b0063421_2034919.jpg


【注意】 縦、横の比率は、崩さないように縮小してくださいね。画像がきたなくなります。

★下の例は、原画400×300の画像をUP。投稿画面の擬似タグのサイズを100×75に修正して送信。4枚目と5枚目との間に、<br clear=all> を入れて改行しました。
擬似タグのみで作るサムネイルです。最後にも入れた方がいいですね。

b0018441_3174184.jpgb0018441_3175164.jpgb0018441_318595.jpgb0018441_3182314.jpg
b0018441_3183641.jpgb0018441_3184643.jpgb0018441_319840.jpgb0018441_3192630.jpg


投稿画面は下のようになっています。
b0063421_1318636.jpg

[PR]
# by otomi7771 | 2004-11-14 19:59 | ├画像は小、ビューは大 |TOPに戻る