スクロールバー付き
 


 
テーブルもスクロールバーを付けちゃおう〜
テキストエリアと違って、画像も貼れるし使いやすいです☆
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 
◆◆ スタイルシートで設定。
 
<head> </head> に入れてね!
 

 
テーブルの装飾や、スクロールバーの装飾は、
ご自由に変えてくださいね♪
重要なのは、overflow:auto; の部分だけです(笑)
 
−−−
 

 
◆◆ そして通常通りテーブルを組む。
 
内容の前に、<span> と入れます。
 

 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 
(例)

 
スタイルシート
 
<style type="text/css">
<!--
span {font-size:12px;border:3px double lightgreen;
   height:51px;width:180px;padding:7px;
   overflow:auto;
   scrollbar-arrow-color:gold;
   scrollbar-face-color:white;
   scrollbar-highlight-color:lightblue;
   scrollbar-3dlight-color:white;
   scrollbar-shadow-color:lightpink;
   scrollbar-darkshadow-color:white;
   scrollbar-track-color:white;}
-->
</style>
 
テーブルタグ
 
<table><tr><td><span>
内容をここにー♪<br>
<br>
書いてねーーー<br>
<br>
<img src="banner/cap_dotb.png"><br>
画像も貼れるよ!
</span>
</td></tr></table>
 
↓ ↓ ↓
 
内容をここにー♪
 
書いてねーーー
 

画像も貼れるよ!