ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

この表を入れたいのですが・・

日時: 2009/11/02 14:02
識別: IDn3z3d7i7X1U
名前: フジ

(+_+)
教えてください。
本を見ているのですがわからなくて・・・
http://item.rakuten.co.jp/annies/c/0000000182
の中段上くらいにある、メール便発送についてのご確認のお願い”
という文書の枠です。

横にバーがあり、この枠内が単独になっているやつですが
ビルダー8を使用しているのですが、どうやっても上手くいきません。
パーフェクトマスターの本を片手に見ているのですが・・・
どうすれば上記の枠を作成できるのでしょうか?

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
名前: age
参照: http://ylm.me/index.html

女ヤッて金もらえるの?d(´∀`*)グッ$ http://gffz.biz/

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved