 Re: この表を入れたいのですが・・ ( No.1 ) |
- 日時： 2009/11/02 14:28
- 名前： 酒
- 俺はビルダーを持っていないので、ビルダー上の操作方法がわからないんだけど、
・ボックスとなる任意のブロックレベル要素を用意する。p要素やdiv要素など。
・そのボックスの幅と高さを決める。CSS（スタイルシート）でwidthとheightを指定する。
・そのボックスにCSSで overflow: auto; を指定する。
・文字サイズやら何やらもCSSで適当に指定して調整する。
理屈としてはこのような感じ。以下テスト。
<p style="overflow: auto; width: 300px; height: 200px; border: 1px solid #a00; background-color: #fcf;">
内容<br><br><br><br><br>
内容内容<br><br><br><br><br>
内容内容内容<br><br><br><br><br>
内容内容内容内容<br><br><br><br><br>
内容内容内容内容内容
</p>
|
| Re: この表を入れたいのですが・・ ( No.2 ) |
- 日時： 2009/11/02 15:03
- 名前： フジ
-
 酒さんありがとうございます。
すごい！！
コピペしたら出来ました！！！
1点教えてください。
上記をコピペすると出来ましたが、
書き込んだ”内容”を削除すると
<p style="overflow: auto; width: 300px; height: 200px; border: 1px solid #a00; background-color: #fcf;">
まで削除してしまうのですが、何か前後に付けないといけないのでしょうか？
すいませんお手数をおかけいたします。
|
| Re: この表を入れたいのですが・・ ( No.3 ) |
- 日時： 2009/11/03 09:50
- 名前： nn
- 参照： http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/keysearch
- ビルダーの編集画面では、中味のない段落からフォーカスがはずれると、タグもろとも消えてしまうようです。
フォーカス枠（現在作業対象となっている要素を囲むピンク色の枠）が消える前、つまり、その段落にフォーカスが当たっている間に中味を変更するか、divで囲ってdivにスタイルを与えてください。
「内容」にもよるが、p要素の中に他のブロック要素は入れられないので、その「内容」というのが、リストや表も含むものならなおさらdivが適しています。
<div style="overflow:auto; padding:1em; border:1px solid silver; width:300px; height:200px; scrollbar-face-color:#ffffff;">
<h3>スクロールバーのあるボックス</h3>
<p>ブロックにoverflow:auto;を指定すると内容が領域を超えたときにスクロールバーが出るよ。</p>
<ul>
<li>一文字分の余白をとってみた。</li>
<li>スクロールバーの色も変えてみた。</li>
</ul>
<table summary="テスト結果" border="1">
<tbody>
<tr>
<th>のび太</th>
<td>0点</td>
</tr>
<tr>
<th>スネ夫</th>
<td>85点</td>
</tr>
<tr>
<th>ジャイアン</th>
<td>20点</td>
</tr>
</tbody>
</table>
<p>でもいちいちスクロールするのは面倒。パッといっぺんに見られたほうがストレスが少ないな。</p>
</div>
|
| - ( No.4 ) |
- 日時： 2011/12/10 17:07
- 名前： pl517.nas821.p-osaka.nttpc.ne.jp
- #SPAM
|
この質問記事は解決しています。
この表を入れたいのですが・・
