 Re: ページの幅を統一したい(質問一部修正） ( No.1 ) |
- 日時： 2005/02/12 16:23
- 名前： ゆえ
- 参照： https://www-6.ibm.com/jp/software/internet/hpb/down/v9.html
- スタイルシートでTABLE要素に対し、幅の設定を行うことが可能です。
設定についてはこちらをご参考に
https://www.tagindex.com/stylesheet/table/width_height.html
ただ、この方法ですとページ内全てのTABLE要素に対し、
適用されてしまいますので、テーブルの入れ子を使ったりするのでしたら
クラス指定を使う方法をお勧めします。
クラス指定についてはこちらがご参考になるかと
https://www-6.ibm.com/jp/d
FFD
omino01/swhc/esupport.nsf/key/49256A6A0001F13649256BC00004C599?opendocument
https://hpb.cool.ne.jp/hpbuilder/ss_class.htm
https://www.wsb.jp/hpb/css/a01.htm#09
加えてこちら
>今後、サイト内の、これ以外のページもすべて
>このトップページと同じ幅に統一したいと思います。
ということでしたら、今回のテーブル幅のスタイルシートでの設定を
外部ファイルにしてはどうでしょうか。
外部スタイルシートにする事で、いちいちページ毎にスタイルシートの設定をする手間が省けます。
詳しくはこちらをご参考に
https://hpb.cool.ne.jp/hpbuilder/ss_gaibu.htm
|
| Re: ページの幅を統一したい(質問一部修正） ( No.2 ) |
- 日時： 2005/02/12 10:04
- 名前： ふぇれっとおおはし
- ゆえさん、ありがとうございます。
紹介いただきましたリンク先の
ページ見ました。
以下の２点について、わかりませんので
教えていただけないでしょうか。
---------------------------------------
（１．）
表は、入れ子として使うので
まず、ためしに
クラス指定でやってみようと思いました。
クラス指定のやり方自体は、トップページを作る際に
フォントの大きさを指定するときにやったことがありますので、
途中まではわかります。
ＨＰＢのスタイルシートマネージャーを開き、
クラスの名前をつけて、
表の幅を設定しようとしました。
しかし表の幅をどのように設定するのかわかりません。
スタイルシートマネージャーの「レイアウト」を見ても
「マージン」「ボーダー」「パディング」しかありません。
ほかを開いても表の幅を設定する項目が見つかりませんでした。
表の幅はどアで設定するのでしょうか。
スタイルシートマネージャーでは,
表の幅は設定できないのでしょうか。
（２．）
また、全部のページでやる場合、
外部スタイルシートでやるのが便利だということは
理解できましたが、
外部スタイルシートを使った場合、
表を入れ子で使いたくても、
全部のページの、全部の表に同じ幅で適用されてしまうのでしょうか。
つまり入れ子として表を使うには
外部スタイルシートは適さないのでしょうか。
---------------------------------------
この（２．）の疑問解くために
自分でやってみようと思いましたが、
その前の段階（１．）で、
スタイルシートマネージャーで表の幅を設定することができず、
とどまってしまいました。
度重なる質問ですみませんが、よろしくお願いいたします。
|
| Re: ページの幅を統一したい(質問一部修正） ( No.3 ) |
- 日時： 2005/02/12 16:24
- 名前： ゆえ
- 参照： https://www-6.ibm.com/jp/software/internet/hpb/down/v9.html
- （１）
スタイルシートマネージャーで幅設定する場合は［位置］タブの
「配置」内にある「幅」で設定可能です。
（２）
表を入れ子で設置する場合も外部スタイルシートで対応可能です。
先幅設定を<table>要素に対して行うと、外部ファイルだろうが、ページ内に設定してあろうが、
そのページ内のテーブル全てが幅684pxで設定されてしまいます。
これを回避するためのクラス指定です。
基本となる外枠テーブルの幅684px設定のクラスと、入れ子用のクラス指定を
外部スタイルシートで作成し、あとはその外部スタイルシートを適用させるだけです。
テーブル枠のクラス設定は例えばこんな感じです。
（分かりやすいように、入れ子用には背景色も設定してます）
.kihon{width : 684px;}
FDA
※基本外枠用
.table1{width : 100px; background-color : blue;} ※入れ子用その１
.table2{background-color : lime; width : 80%;} ※入れ子用その２
このような感じでクラス分けした設定を外部スタイルシートで
設定されてみてはどうでしょうか。
で、この外部スタイルシートを適用させたページでも、
そのページだけ入れ子の表を別設定にしたい場合は、単にそのスタイルを設定しなければいいだけです。
繰り返しになりますが<table>など要素に対して設定を行えば
無条件でページ内全ての<table>要素に適用され、反映されてしまいますが
クラス指定ならば、自分の意志で使う場所を設定できるます。
|
| Re: ページの幅を統一したい(質問一部修正） ( No.4 ) |
- 日時： 2005/02/13 07:50
- 名前： ふぇれっとおおはし
- ゆえさん、ご丁寧なアドバイスありがとうございます。
さらなる質問で恐縮ですが、
以下、お教えください。
＞（１）
＞スタイルシートマネージャーで幅設定する場合は［位置］タブの
＞「配置」内にある「幅」で設定可能です。
ありがとうございました。
見事できました。
（２）
＞表を入れ子で設置する場合も外部スタイルシートで対応可能です。
＞先幅設定を<table>要素に対して行うと、外部ファイルだろうが、
＞ページ内に設定してあろうが、
＞そのページ内のテーブル全てが幅684pxで設定されてしまいます。
＞これを回避するためのクラス指定です。
＞基本となる外枠テーブルの幅684px設定のクラスと、入れ子用のクラス指定を
＞外部スタイルシートで作成し、あとはその外部スタイルシートを適用させるだけ
＞です。
これは、つまり、
「外部スタイルシート」で
「幅６８４ｐｘのテーブル」を
「クラス設定」として
行うということなのでしょうか？
私は以下のようにやりましたが、
これで間違いないでしょうか？
・スタイルシートマネージャーを開く
・「リンク」→「外部スタイルシートの作成／リンク」を選択
・「外部スタイルシートの新規作成ダイアログ」で
「参照」を選択
・ＨＰＢで作ったファイルなどが自動的に保存されている
フォルダ内に、新規に、外部スタイルシートのファイルを保存するための
フォルダをつくり、そこに「スタイルシート名」をつけて
「開く」を押す
・「追加」ボタンを押す
・「スタイルの設定」ダイアログが出る
・ここで、「ＨＴＭＬタグの設定」の「ＴＡＢＬＥ」
で設定してしまうと
全部の表に適用されてしまうので
ここで「クラスの設定」を選ぶ
・クラスの名前「.kihon」など任意の名前をつけて
・「位置」の「幅」を６８４ｐｘに設定する。
これでいいのでしょうか。
またこの外部スタイルシートを他のページにも適用させる方法は
私は、各ページの編集画面でその都度、スタイルシートマネージャーを開き、
・「リンク」→「外部スタイルシートを選択してリンク」を選び
そして「参照」→「.Kihon」のファイルを選択
・スタイルシートマネージャーのダイアログ内に
「.Kihon」のファイルがリストアップされる。
・いったんスタイルシートマネージャーを閉じる
・編集画面で表の枠にカーソルを置き右クリック
・「スタイルの編集」を選択
・「クラスやＩＤによるスタイルの設定」の「クラス」
を見ると、「Kihon」がリストアップされているので
これを選び「ＯＫ」を押す。
というやり方をしました。表は正しく設定した６８４ｐｘとなりましたが、
これで正しいやり方なのでしょうか。
長文による度重なる質問で恐縮ですが、よろしくお願いします。
 |
| Re: ページの幅を統一したい(質問一部修正） ( No.5 ) |
- 日時： 2005/02/13 23:15
- 名前： ゆえ
- 参照：
1027
https://www-6.ibm.com/jp/software/internet/hpb/down/v9.html
- 外部スタイルシートを新規に作成する方法はこちらをご参考に
https://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/key/49256A6A0001F13649256E080008FC73?opendocument
>・ＨＰＢで作ったファイルなどが自動的に保存されている
> フォルダ内に、新規に、外部スタイルシートのファイルを保存するための
> フォルダをつくり、そこに「スタイルシート名」をつけて
> 「開く」を押す
必ず外部ファイル用の新規フォルダをわざわざ作成するという必要はなく
適当な既存フォルダに保存されても大丈夫です。
もちろんご自身が必要だと思われるのでしたら、作成する事には問題はありません。
>・「クラスやＩＤによるスタイルの設定」の「クラス」
> を見ると、「Kihon」がリストアップされているので
> これを選び「ＯＫ」を押す。
クラスを適用させる時は、まず適用させたい場所（表）を指定しておいてから起こってください。
あとは手順はＯＫです。
最初は戸惑われるとはおもいますが、慣れればとても便利ですので、
あれこれと試してみられてはどうでしょうか。
|
| Re: ページの幅を統一したい(質問一部修正） ( No.6 ) |
- 日時： 2005/02/14 18:59
- 名前： ふぇれっとおおはし
- 状態： 解決!
- ゆえさん、ありがとうございます。
理解いたしました。
今回の件でかなり前進することができました。
この件、解決いたしました。
深く感謝いたします。
ありがとうございました。
|
ページの幅を統一したい(質問一部修正）