window


この質問記事は解決しています。
トップページ > 記事閲覧
*この表を入れたいのですが・・
日時: 2009/11/02 14:02
識別: ID:d9GE2G3F6nj.
名前: フジ

教えてください。
本を見ているのですがわからなくて・・・
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
名前: pl517.nas821.p-osaka.nttpc.ne.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存