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/05/09

 
XML
カテゴリ:【プチ講座】
</TR>が抜けていました。修正しました。
 日記 GT-ONE WEBSITE 【プチ講座】
 ファイル 編集 表示 お気に入り  ヘルプ(ご質問掲示板  プチ講座 チャット BBS

    はじめにお礼!
    連休中に色々やりたかったことはあったのですが・・・!
    腰痛のため、なに一つ、出来ませんでした!
    どうにかほぼ完治いたしました。
    みなさま方には暖かいお見舞いのお言葉を頂きまして、この場をかれまして
    お礼申し上げます!
    ありがとうございました!o(*^▽^*)oあはっ♪


    ということで、前回 【初心者のための日記でTABLE講座!4】 でお話しました、属性を
    具体的に解説したいと思います。
     
    widthとheightについて!
    この上の「はじめにお礼!」のテーブルを書いてみましょう!
     
    此処に文字!
    <TABLE border="1" align="center" bgcolor="" bordercolor="black" width="80%" height="" cellspacing="0" cellpadding="5"><TR><TD align="center" bgcolor="deeppink">
    <FONT SIZE="+1" color="white">はじめにお礼!</font></TD></TR><TR><TD bgcolor="#CEFFCE">
    此処が二列目のセル内です!
    </TD></TR></TABLE>


    このように書いております。
    width="80%" はTABLEが存在する、絶対領域での幅のパーセンテージを指定しています。
    ここでは、外にWEB調のTABLEがあります。
    そのTABLEの80%の大きさを常に維持します。
     
    では、 width="50%" height="250" という風に数値をいじってみましょう。
     
    此処に文字!
    <TABLE border="1" align="center" bgcolor="" bordercolor="black" width="50%" height="250" cellspacing="0" cellpadding="5"><TR><TD align="center" bgcolor="deeppink">
    <FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR><TD bgcolor="#CEFFCE">此処が二列目のセル内です!</TD></TR></TABLE>


     
    このようになります。
    TABLEの幅が50%になりました。height="250"は高さですが、数値はピクセルです!
    高さについては、ほとんど指定しなくともいいと思います。
    ただ、セルの上下に空白を付けたいときに指定してあげるといいですね。
     
    borderとbordercolorについて!
     
    同じように border="1"とbordercolor="black" を変えてみましょう。
    borderは枠の幅を指定します。数値を10にしてみます。
    bordercolorは枠の色でしたね。これもPINKにして見ますね。
     
    此処に文字!
    <TABLE border="10" bordercolor="pink" align="center" bgcolor="" width="80%" height="" cellspacing="0" cellpadding="5"><TR><TD align="center" bgcolor="deeppink">
    <FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR><TD bgcolor="#CEFFCE">
    此処が二列目のセル内です!</TD></TR></TABLE>


     
    枠の幅を10ピクセルにしまして、枠の色をPINKにして見ました。
    ここで、枠の色に濃淡を付ける事が出来ます。
    曰いる、立体的に見せる事が出来ます。
    bordercolor=""を二色にします。bordercolorlight=""(明るい所の枠)、bordercolordark=""(影になる枠)
    では、 bordercolor="pink" を削除しまして、 bordercolorlight="pink" bordercolordark="deeppink" にしてみましょう!
     
    此処に文字!
    <TABLE border="10" bordercolorlight="pink" bordercolordark="deeppink" align="center" bgcolor="" width="80%" height="" cellspacing="0" cellpadding="5"><TR><TD align="center" bgcolor="deeppink">
    <FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR><TD bgcolor="#CEFFCE">此処が二列目のセル内です!
    </TD></TR></TABLE>


     
    お判りでしょうか?
    今回は、字数制限になる前に・・・ここまでにしましょう!
    次回も属性の説明をやって行きます。( ̄‥ ̄)=3 フン
     
    おまけの雛形!( ̄m ̄*)V
     
    おまけです!テーブルのセルの中にスクロールボックスを入れてみましょう!
     
    此処に文字!

      <TABLE border="10" bordercolorlight="pink" bordercolordark="deeppink" align="center" bgcolor="" width="100%" height="" cellspacing="0" cellpadding="0"><TR><TD align="center" bgcolor="deeppink"><FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR><TD bgcolor="#CEFFCE"><CENTER style="overflow-y: scroll;font-size: 11pt;line-height: 1.2;font-family: Comic Sans MS;height: 400px;text-align:left;color:black;"><UL>
      ここがセルの中です。
      本文はここに書きます。
      高さは400PXになっています。
      お好きに変えて下さい。
      </UL></CENTER></TD></TR></TABLE>

     
    ではみなさん、がんばって下さいませ!
    ( ̄‥ ̄)=3 フンε=ε=ε=(┌ ̄)┘ダッシュ!
     

Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved







Last updated  2004/05/11 05:24:00 PM
コメント(20) | コメントを書く


PR

Profile


gtone

Calendar


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