GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2004/01/17
XML
カテゴリ:【プチ講座】

    前回は、ボックスの幅と高さについてやって見ました。
    今回は前回の補足で、幅と高さの特性をやってみましょう。
 
    ボックスの幅を数値で指定しまして、テキストをその中に書きますと、
    テキストは、ボックスのその幅以内で改行して表示されます。
 
    

此処に文字や画像の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のタグ規制で使えないものがあります。
        ご承知おきください。

 







Last updated  2004/09/03 04:59:30 PM
コメント(4) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約に同意してコメントを
※コメントに関するよくある質問は、こちらをご確認ください。


Re:【日記で使う!ボックスのお勉強 Ⅱ(幅と(1/17)   ウサ2278 さん
こんばんは♪
雪、まだのようですが・・・寒いですね~^^

凄くわかりやすい講座。
楽しみです♪
やりたい事ができなくなって、ちょっと離れがちだったけど・・・
また、楽しめそうです♪

(2004/01/17 09:32:34 PM)

Re:【日記で使う!ボックスのお勉強 Ⅱ(幅と(1/17)   ネモッチ さん
ログインしようと、したら初めからHP新しく作り直ししないときけなくったみたいです。管理画面おかしくわからなくなた。 (2004/01/17 09:54:19 PM)

Re:【日記で使う!ボックスのお勉強 Ⅱ(幅と(1/17)   ネモッチ☆彡 さん
治りました。汗。 (2004/01/17 10:47:22 PM)

Re:【日記で使う!ボックスのお勉強 Ⅱ(幅と(1/17)   レンゲ・ローズ さん
こんばんは。(^ー^*)

一番簡単なのでやってみました~!
有り難うございました。

雪は止んでしまいました。( ̄ー ̄);ガッカリ。 (2004/01/17 11:50:43 PM)

PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.