1 ページの幅を統一したい(質問一部修正)

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

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

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
トップページ > 記事閲覧
ページの幅を統一したい(質問一部修正)
日時: 2005/02/11 16:51
識別: IDDtmV9rCqgUQ
名前: ふぇれっとおおはし

こんにちは。

※根本的に間違っていたところがあったので、
 質問文の一部を訂正します。

スタイルシートの使い方について
お聞きします。

トップページを作りました。
トップページの左右の幅を、
見やすいものにしようと思い、
YAHOO!にならって
YAHOO!とだいたい同じ幅にしました。
表を使って幅を決めました。
(ちなみに属性の「表の幅」を見ると「684ピクセル」と
なっています)

今後、サイト内の、これ以外のページもすべて
このトップページと同じ幅に統一したいと思います。

スタイルシートを使いたいと思いますが、
新しくページを作る際、
スタイルシートでどのように設定すればいいのでしょうか?

それとも、表の幅は
新しいページを作るごとに、
表の属性の「表の幅」の数値を684ピクセルと
設定しなければならないのでしょうか。

よろしくお願いいたします。
メンテ

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
名前: ふぇれっとおおはし

ゆえさん、ありがとうございます。

紹介いただきましたリンク先の
ページ見ました。

以下の2点について、わかりませんので
教えていただけないでしょうか。

---------------------------------------
(1.)
表は、入れ子として使うので
まず、ためしに
クラス指定でやってみようと思いました。

クラス指定のやり方自体は、トップページを作る際に
フォントの大きさを指定するときにやったことがありますので、
途中まではわかります。

HPBのスタイルシートマネージャーを開き、
クラスの名前をつけて、
表の幅を設定しようとしました。
しかし表の幅をどのように設定するのかわかりません。

スタイルシートマネージャーの「レイアウト」を見ても
「マージン」「ボーダー」「パディング」しかありません。

ほかを開いても表の幅を設定する項目が見つかりませんでした。

表の幅はどアで設定するのでしょうか。
スタイルシートマネージャーでは,
表の幅は設定できないのでしょうか。


(2.)
また、全部のページでやる場合、
外部スタイルシートでやるのが便利だということは
理解できましたが、
外部スタイルシートを使った場合、
表を入れ子で使いたくても、
全部のページの、全部の表に同じ幅で適用されてしまうのでしょうか。
つまり入れ子として表を使うには
外部スタイルシートは適さないのでしょうか。

---------------------------------------

この(2.)の疑問解くために
自分でやってみようと思いましたが、
その前の段階(1.)で、
スタイルシートマネージャーで表の幅を設定することができず、
とどまってしまいました。

度重なる質問ですみませんが、よろしくお願いいたします。
メンテ
Re: ページの幅を統一したい(質問一部修正) ( No.3 )
日時: 2005/02/12 16:24
名前: ゆえ
参照: https://www-6.ibm.com/jp/software/internet/hpb/down/v9.html

(1)
スタイルシートマネージャーで幅設定する場合は[位置]タブの
「配置」内にある「幅」で設定可能です。

(2)
表を入れ子で設置する場合も外部スタイルシートで対応可能です。
先幅設定を<table>要素に対して行うと、外部ファイルだろうが、ページ内に設定してあろうが、
そのページ内のテーブル全てが幅684pxで設定されてしまいます。

これを回避するためのクラス指定です。
基本となる外枠テーブルの幅684px設定のクラスと、入れ子用のクラス指定を
外部スタイルシートで作成し、あとはその外部スタイルシートを適用させるだけです。

テーブル枠のクラス設定は例えばこんな感じです。
(分かりやすいように、入れ子用には背景色も設定してます)

.kihon{width : 684px;}  FDA               ※基本外枠用
.table1{width : 100px; background-color : blue;} ※入れ子用その1
.table2{background-color : lime; width : 80%;}  ※入れ子用その2

このような感じでクラス分けした設定を外部スタイルシートで
設定されてみてはどうでしょうか。
で、この外部スタイルシートを適用させたページでも、
そのページだけ入れ子の表を別設定にしたい場合は、単にそのスタイルを設定しなければいいだけです。

繰り返しになりますが<table>など要素に対して設定を行えば
無条件でページ内全ての<table>要素に適用され、反映されてしまいますが
クラス指定ならば、自分の意志で使う場所を設定できるます。
メンテ
Re: ページの幅を統一したい(質問一部修正) ( No.4 )
日時: 2005/02/13 07:50
名前: ふぇれっとおおはし

ゆえさん、ご丁寧なアドバイスありがとうございます。

さらなる質問で恐縮ですが、
以下、お教えください。

>(1)
>スタイルシートマネージャーで幅設定する場合は[位置]タブの
>「配置」内にある「幅」で設定可能です。

ありがとうございました。
見事できました。

(2)
>表を入れ子で設置する場合も外部スタイルシートで対応可能です。
>先幅設定を<table>要素に対して行うと、外部ファイルだろうが、
>ページ内に設定してあろうが、
>そのページ内のテーブル全てが幅684pxで設定されてしまいます。

>これを回避するためのクラス指定です。
>基本となる外枠テーブルの幅684px設定のクラスと、入れ子用のクラス指定を
>外部スタイルシートで作成し、あとはその外部スタイルシートを適用させるだけ
>です。

これは、つまり、
「外部スタイルシート」で
「幅684pxのテーブル」を
「クラス設定」として
行うということなのでしょうか?

私は以下のようにやりましたが、
これで間違いないでしょうか?

・スタイルシートマネージャーを開く

・「リンク」→「外部スタイルシートの作成/リンク」を選択

・「外部スタイルシートの新規作成ダイアログ」で
 「参照」を選択

・HPBで作ったファイルなどが自動的に保存されている
 フォルダ内に、新規に、外部スタイルシートのファイルを保存するための
 フォルダをつくり、そこに「スタイルシート名」をつけて
 「開く」を押す

・「追加」ボタンを押す

・「スタイルの設定」ダイアログが出る

・ここで、「HTMLタグの設定」の「TABLE」
 で設定してしまうと
 全部の表に適用されてしまうので
 ここで「クラスの設定」を選ぶ

・クラスの名前「.kihon」など任意の名前をつけて

・「位置」の「幅」を684pxに設定する。



これでいいのでしょうか。

またこの外部スタイルシートを他のページにも適用させる方法は

私は、各ページの編集画面でその都度、スタイルシートマネージャーを開き、

・「リンク」→「外部スタイルシートを選択してリンク」を選び
 そして「参照」→「.Kihon」のファイルを選択

・スタイルシートマネージャーのダイアログ内に
 「.Kihon」のファイルがリストアップされる。

・いったんスタイルシートマネージャーを閉じる

・編集画面で表の枠にカーソルを置き右クリック

・「スタイルの編集」を選択

・「クラスやIDによるスタイルの設定」の「クラス」
  を見ると、「Kihon」がリストアップされているので
  これを選び「OK」を押す。

というやり方をしました。表は正しく設定した684pxとなりましたが、
これで正しいやり方なのでしょうか。

長文による度重なる質問で恐縮ですが、よろしくお願いします。

メンテ
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

>・HPBで作ったファイルなどが自動的に保存されている
> フォルダ内に、新規に、外部スタイルシートのファイルを保存するための
> フォルダをつくり、そこに「スタイルシート名」をつけて
> 「開く」を押す

必ず外部ファイル用の新規フォルダをわざわざ作成するという必要はなく
適当な既存フォルダに保存されても大丈夫です。
もちろんご自身が必要だと思われるのでしたら、作成する事には問題はありません。

>・「クラスやIDによるスタイルの設定」の「クラス」
>  を見ると、「Kihon」がリストアップされているので
>  これを選び「OK」を押す。

クラスを適用させる時は、まず適用させたい場所(表)を指定しておいてから起こってください。

あとは手順はOKです。
最初は戸惑われるとはおもいますが、慣れればとても便利ですので、
あれこれと試してみられてはどうでしょうか。
メンテ
Re: ページの幅を統一したい(質問一部修正) ( No.6 )
日時: 2005/02/14 18:59
名前: ふぇれっとおおはし
状態: 解決!

ゆえさん、ありがとうございます。

理解いたしました。

今回の件でかなり前進することができました。

この件、解決いたしました。

深く感謝いたします。
ありがとうございました。
メンテ

Page: [1]




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