ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

【space画像を使った場合】

今日は頼まれ物のバナーを２個作りました。
あとはキリ番プレートです。
ぽちっとなとするとみなさんの所に飛びます。（*^_^*）
ここに言葉を書けば回りこみますかね

　　ヨコチャンさんから、このような質問が来ました。
　　--------------------
　　今まで分からないので、スペースキーで
　　１行ずつ寄せていますが、インデントのように
　　揃えて、右に寄せる方法がありますか？
　　---------------------
　　普通は＜UL＞と＜/UL＞で囲えば、行の頭がそろうのですが、
　　日記ではこれは使えません。
　　上の左の空白には、スペースの画像を入れてあります。
　　↓このようなものです。

　　<IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/6.gif" width="100" height="200" align="left">

　　何もない画像をGIFで作りまして、サイズを指定しています。
　　空白の巾を増やしたいときは、width="数値"を変えます。
　　height="200"高さは、FONT=3で一行、18ぐらいになると思います。
　　十行そろえたいのでしたら、height="180"という風になりますね。

　　ここにスペースのGIF画像を乗っけて起きますから、
　　欲しい方、DLしてアップして使ってください。
　　width="5" height="5"でとても小さな物なので枠を入れておきます。

　　↓これです。（＊^^＊）
　　

　　カーソルを当ててみてください。alt="space"と出るはずです。
　　この下にどのようにスペースが入っているか、枠を入れたものを載せてみますね。

【space画像を使った場合】

今日は頼まれ物のバナーを２個作りました。
あとはキリ番プレートです。
ぽちっとなとするとみなさんの所に飛びます。（*^_^*）
ここに言葉を書けば回りこみますかね

　　
　　
　　この"space"は、色々な使い方が出来ます。画像と画像の間に空白を作りたいときとか、
　　皆さんも色々やってみてください。

　　この他にインデントのように文頭をそろえるには、
　　透明のボックスに入れて、ボックスごとずらすやり方も出来ますね。
　　やってみましょうか。(^_-)

【ボックスを使った場合】
　　　　　　　　
今日は頼まれ物のバナーを２個作りました。
あとはキリ番プレートです。
ぽちっとなとするとみなさんの所に飛びます。（*^_^*）
ここに言葉を書けば回りこみますかね

このボックスは、↓このように書いています。

<B style="border-style: solid; width: 70%; height:250">
ここに文字を書きます。
ボックスの頭をスペースキーで好きな位置までずらします。
</B>

　　これは、枠を表示していますが、枠を消してしまえば、こうなります。

【ボックスを使った場合】
　　　　　　　　
今日は頼まれ物のバナーを２個作りました。
あとはキリ番プレートです。
ぽちっとなとするとみなさんの所に飛びます。（*^_^*）
ここに言葉を書けば回りこみますかね

このボックスは、↓このように書いています。

<B style="border-style: none; width: 70%; height:250">
ここに文字を書きます。
ボックスの頭をスペースキーで好きな位置までずらします。
</B>

　　枠を表示するかしないかは、日記のプチ講座でもやりましたが。
　　border-style: solid;　と　border-style: none; の違いです。
　　皆さんお判りでしょうか。

　　ではでは・・！（＊^　^＊）