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

雛形1


    毎度毎度言いますが、以前は日記でTABLEが使えませんでした。
    そのため、STYLEシートでボックスを作りまして、TABLEモドキで色々作っていましたが・・・・
    依然作りました、ボックスのTABLEモドキを、正規のTABLEに直してみます。
    スクロールボックスだけは、STYLEシートのボックスです。



此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。 

此処に文字を入れます。

此処に文字を入れます。

此処に文字を入れます。




    右のボタンの画像をクリックしますと

    大きなWEB画像で表示されます。

    消す時は×マークをクリックしてね

    此処に文字を入れます。 

    此処に文字を入れます。

    此処に文字を入れます。

    此処に文字を入れます。


【画像1】   【画像2】   【画像3】

 
【画像4】  【画像5】   【画像6】 

 
↑これのタグは、↓これです。
 
<table bgcolor="全体の背景色はここに" background="http://背景画像のURLはここ" cellspacing="0" cellpadding="30" width="100%" align="center" style="border-style:double;border-width:3px;border-color:black;cursor:"><tr><td bgcolor="" align="center"><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" style="text-align:left;cursor:help;font-size:15px;line-height:1.3em;color:black;font-family: Comic Sans MS;"><TR><TD ALIGN="center"><IMG src="http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg" width="250" height="188" style="border-style:ridge;border-width:10px;border-color:pink;"></TD><TD><CENTER style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;scrollbar-arrow-color:black;scrollbar-face-color:white; scrollbar-track-color:pink;width:100%;height:200px;text-align:left;">
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。 
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"></CENTER></TD></TR><TR><TD>
<CENTER style="border-style: solid;border-width:1px;background:pink;width:100%;height:200px;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:pink;scrollbar-arrow-color:black;scrollbar-face-color:pink; scrollbar-track-color:white;text-align:left;"><UL>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">右のボタンの画像をクリックしますと</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">大きなWEB画像で表示されます。</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">消す時は×マークをクリックしてね</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。 
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"></UL></CENTER></TD><TD ALIGN="center">
【画像1】   【画像2】   【画像3】
<A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/219922107f2.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/219922107f2.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/229922107f3.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/229922107f3.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/239922107f4.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/239922107f4.jpg" width="75" height="56" border="0"></B></A>
 
【画像4】  【画像5】   【画像6】 
<A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/249922107f5.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/249922107f5.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/259922107f6.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/259922107f6.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg" width="75" height="56" border="0"></B></A></TD></TR></TABLE><DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV></TD></TR></TABLE>


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