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/09/25
XML
カテゴリ:【プチ講座】
   
 

昨日紹介しました雛形では、5つのTABLEを使っています。
どのようにTABLEを重ね合わせているか、
簡単に紹介してみましょう!

あの雛形は外から、中へTABLEを <TD> セルの中に入れ込んで行きます。

まずは、これが一番外のTABLEです。
3列3行のセルで出来ています。お判りですよね(〃_ _)!
このTABLEの二行目二列目の <TD> セルの中にTABLEを入れます。
この説明を書いているセル この中にワンポイントの背景画像や
罫線用のTABLEを入れるのですが
その、TABLEの基本になるTABLEを先に入れます。
 
*判りやすいようにセルに背景色をつけています。
 
  



   
 

上のTABLEのセルの中に色々指定するTABLEの基本になるTABLEを入れます。
REDの枠で示しています。
セル内に、赤の枠のTABLEを入れました。
幅は、95%としています。
ですからセルの背景色が少し見えていると思います。
背景色はWHITE(白)で指定しています。
セル内の基本になるTABLEが出来ました。( ̄m ̄*)V
 
 
  



   
 

上の基本のTABLEにワンポイントの背景画像のTABLEを入れます。
 
BLUE(青)の枠が左上の背景画像を指定しているTABLEです。
GREEN(緑)の枠が右下の背景画像を指定しているTABLEです。
 
両方ともTABLEのWIDTH(幅)は100%ですが、
基本のTABLEで cellpadding="20" (セルの中の要素の間隔)を
指定していますから、基本のTABLEより小さくなります。
 
 
  



   
 

 
 
最後に罫線の背景画像のTABLEを入れます。
オレンジの枠です。
セル間を cellSpacing=20 として20pxの余白を持たせています。
中のオレンジの枠が本文を書きます <TD> のセルです。
 
どうでしょうか!5つのTABLEの配置は判りましたでしょうか!
・・・・・お願い判って・・・(-_-;)
 
このように、TABLEを使いまして、色々な事が出来ます。
超初心者の方には・・・すぐには理解できないと思いますが!
おぼろげに・・・「ふう~~ん!こうなってるのか!」
と判ってくだされば幸いです。( ̄‥ ̄)=3 フン
 
では!ε=ε=ε=(┌ ̄)┘ダッシュ!
 
PS:ちなみに昨日のタグをTABLEごとに色分けしておきました。

 
  






Last updated  2004/09/26 06:23:30 PM
コメント(4) | コメントを書く


PR

Profile


gtone

Calendar


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