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/07/17
XML
カテゴリ:カテゴリ未分類

    昨日は長い一日でした!・・・・・(-_-;)
    みなさん・・・時計は長針だけじゃあなく、短針もちゃんと確認しましょう。( ̄^ ̄)b
     
    で!今日は、またまた 「ご質問にお答えして!」 をやりましょうか!( ̄  ̄*)V
     
    友らん*さん からこの様なご質問が来ました。

    ・・・今日は 写真背景画像の日記の写真を4枚並べられないものか?
    とウロウロしていました(^_-)-☆
    ・・・テーブルの中に4つテーブルを入れると出来るのかしら・・・諦めました(笑 


    背景画像を4枚使いたいということですが・・・・
    色々なやり方があります。
    簡単に出来るのは2行2列のセル→ <TD>に背景画像を指定してあげれば、4枚になります。
    しかし、セルごとでしか、テキストが載りません。
    セルとセルをまたいでテキストが載らないですね!

    そこで4つのTABLEを使いまして、STYLEシートで背景の位置を指定し一枚づつ表示してみます。
    この background-repeat:no-repeat;background-Position: で背景画像のマージンを指定したり、
    POSITIONを細かく指定する事も出来ますが、
    最も簡単な位置指定で表示させて見ますね!


    ←この画像を使ってみましょう!
    この画像は200×200のサイズがあります。
    同じサイズの画像を4枚用意します。一番大きくて350×350までですね。
    というのは、日記のTABLEの幅は700ぐらいだからです。350の画像を2枚しか横に並べられません。お判りですか!
    ←この画像一枚しか使いませんが、どのようになっているか判るはずです。

    では、TABLEを表示してみましょう!


      此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字


















      此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字此処に文字


    ではタグです。


    <TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="500" HEIGHT="500" BGCOLOR="black" style="border-style:ridge;border-width:10;border-color:skyblue;"><TR><TD VALIGN="top" style="background-image: url(http://右下の背景画像のURL);background-repeat:no-repeat;background-Position:bottom right;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="500" HEIGHT="500" BGCOLOR=""><TR><TD VALIGN="top" style="background-image: url(http://左下の背景画像のURL);background-repeat:no-repeat;background-Position:bottom left;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="500" HEIGHT="500" BGCOLOR=""><TR><TD VALIGN="top" style="background-image: url(http://左上の背景画像のURL);background-repeat:no-repeat;background-Position:top left;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="500" HEIGHT="500" BGCOLOR="" style="cursor:help;font-size:15px;line-height:1.3em;color:pink;font-family: Comic Sans MS;"><TR><TD VALIGN="top" BGCOLOR="" style="background-image: url(http://右上の背景画像のURL);background-repeat:no-repeat;background-Position:top right;"><UL>
    此処に本文を書きます。
    </UL></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>

    TABLEのWIDTH(幅)は、500にしてあります。画像2枚分にしたいときは、400 になりますね!
    高さにつきましては、幅と同じ500 にしてあります。
    テキストをどんどん書いて行きますと、TABLEは縦長になります。
    きっちり背景画像を動かしたくない人は、スクロールボックスの中にテキストを入れればいいです!
    ここでは、背景画像の間が開いてしまいますから、一番上のTABLEにBLACKの背景色をいれてあります。
     
    ↓これはスクロールボックスを入れた例です。
    スクロールバーのカラーを変える事も出来ますね。


      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       
      此処に文字
       











Last updated  2004/07/17 07:36:34 PM
コメント(3) | コメントを書く


PR

Profile


gtone

Calendar


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