全て
| カテゴリ未分類
| 【日記もどき】
| 【日記の雛形!】
| 【プチ講座】
| 【頼まれ物】
| パイプ奮闘記
| パイプ奮闘記〔自作パイプ〕
| 【3年ぶりの日記もどき】
カテゴリ:【プチ講座】
前回は、ボックスの幅と高さについてやって見ました。 今回は前回の補足で、幅と高さの特性をやってみましょう。 ボックスの幅を数値で指定しまして、テキストをその中に書きますと、 テキストは、ボックスのその幅以内で改行して表示されます。 此処に文字や画像のURL、ボックスのタグを入れます。 このボックスは width: 80%;height:100px;と指定しています。 ↑このボックスの幅のみ40%にして見ます。 此処に文字や画像のURL、ボックスのタグを入れます。 このボックスは width: 40%;height:100px;と指定しています。 お判りですか!テキストは改行しましたね!別に[Enter]で改行した訳ではありません。 自動で改行します。 しかし、高さにつきましては、行を増やせば増やすほど、たとえ height:100px; と指定したとしましても、 テキストを書いた分だけ、どんどん間延びして行きます。↓下のボックスは上のボックスと同じ「幅と高さ」ですが テキストだけ増やして見ました。もちろん改行も入れてあります。 此処に文字や画像のURL、ボックスのタグを入れます。 このボックスは width: 40%;height:100px;と指定しています。 ------------------------------- 文字を書きますと、 いくら高さを指定しましても どんどんボックスの高さが テキストに押し広げられ 高くなっていきます。 -------------------------------- 高さは、このようにテキストを書いた分だけ、どんどん広がって行きます。 このあたりの、「ボックスの特性」をしっかり理解した上で使いますと、 戸惑わなくて済みますね!( ̄m ̄*)V 次回はボックスの中に画像を入れたときの注意点をやって行きましょう。 では!( ̄‥ ̄)=3 フン ε=ε=ε=(┌ ̄)┘ダッシュ! 日記の飾り付け【プチ講座メニュー】はこちらから! ご注意:プチ講座は2003/11/28のタグ規制で使えないものがあります。 ご承知おきください。 お気に入りの記事を「いいね!」で応援しよう
[【プチ講座】] カテゴリの最新記事
こんばんは♪
雪、まだのようですが・・・寒いですね~^^ 凄くわかりやすい講座。 楽しみです♪ やりたい事ができなくなって、ちょっと離れがちだったけど・・・ また、楽しめそうです♪ (2004/01/17 09:32:34 PM)
ログインしようと、したら初めからHP新しく作り直ししないときけなくったみたいです。管理画面おかしくわからなくなた。
(2004/01/17 09:54:19 PM)
治りました。汗。
(2004/01/17 10:47:22 PM)
|
|