17 返信 最新の回答 日時: May 19, 2007 9:51 AM ユーザー:(baubau-78f8b1c)

    行間をもう少し

    Level 1
      行間のレイアウトについてお尋ねします。
      go live 6.01を MacOS 9.02の環境下で使っていました。
      どれもちょっと古いので、笑われるかも知れません。

      おまけにブラウザは Netscape7.02で
      Internet Explorer5.1も時どき使っていました。

      Netscape を使っていたのは、表示がきれいで見やすかったからです。Internet Explorerは文字が大きくなりすぎてちょっと敬遠していたのです。しかし大多数の方がこのブラウザを用いていると考え、時々チェック用にMac上で使っていました。

      できるだけ読みやすいレイアウトを心がけていたつもりです。最近、仕事用にwindous XPも入れ、そこから自分のページを見たのですが、文字がびっちりくっついて、実に読みにくいレイアウトになっていました。これでは長い文章を読んではもらえません。驚いて、ちょっと残念で した。

      元のデータをなんとか読みやすくしたいのですが、行間を空ける方法はないのでしょうか。ホームページ内の全体構成を、どこかで調整できるのではと思うのですが、どうでしょう。ちなみに、読みに くい文書の見本はここです。
      http://www.h3.dion.ne.jp/‾bau/01_interior/072-effeltoile.html

      windous XPと最新のInternet Explorerでみると、行間はほとんどなく、くっついています。

      良くある質問、GoLive Archivetをのぞいて 2006年10月12日の書き込みmiya さんの「行間設定2」を読んでみたのですが、ちょっと理解できません。どなたからかアドバイスを頂ければ幸いです。
        • 1. Re: 行間をもう少し
          hirochang Level 1
          CSSで調整してみるとよいかと。
          • 2. Re: 行間をもう少し
            Level 1
            baubauさん、
            文字をem指定にしたらどうでしょうか?baubauさんが、htmlやCSSを変更せずに、閲覧者が読みやすくできる方法がありますので、それを、トップページに先ずはサブウインドウでも作 って、ガイドするのが、最も手っ取り早いかもしれません。
            方法は、IEのツール→インタネットオプション→全般→ユーザー補助→書式設定の「Webページで指定されたフォントサイズを使用しない」にチェックを入れてもらう。あとは、閲覧者は、マウス ホイールで、文字拡大は自由に出来ますから、読みやすくなります。試してみましたが、baubauさんのサイトは、この設定をしなくても、マウスホイールで文字サイズ変更が出来ましたので、そ んなには、読みにくくはないですよ。当面のしのぎには、有効かと思います。
            • 3. Re: 行間をもう少し
              Level 1
              hirochan さん

              ありがとうございます。
              「CSS」がレイアウトの決め手となりそうだ、ということは何となく分かっていました。
              しかし、マニュアルを見るたび、理解できずにあきらめてました。
              今回もまたあきらめになりそうです。

              joy さん

              お答えありがとうございます。
              「em指定」、「IEのツール」でまずひっかかってしまいました。
              もし良かったらどこにあるのか教えて下さい。
              ただ、それを行うとマウスホイールで「行間」が拡大できるのでしょうか。
              文字のサイズだけではないかと思うのですが。

              新しいパソコンで、他のサイトもあちこち見て回りました。
              ブログではみな行間がきれいです。

              しかし、私が見ている古くからあるサイトは、そのほとんどが大きな文字で、
              そして行間が詰まっています。
              それを見ると、仕方ないのかとも思いました。
              これからは、ブログの方が主流となってゆくのでしょうか。
              残念ですけど。
              • 4. Re: 行間をもう少し
                Level 1
                文字サイズを閲覧者が自由に変更できる設定では、行間は変更できませんから、おっしゃる通りです。文字サイズを大きくして、相対的に行間も広げる方法でしかありませんので、根本的解決にはなり ません。ちなみに、ホイールは、CTRLを押しながらです。
                行間を広げるには、レイアウトモードの一番右端にある、CSSエディターをクリックして、例えば、「マークアップエレメントに適用・・」を右クリックし、bodyを選び、Aのサイズにem、行 の高さに1.5emと入れれば、文字サイズの1.5倍の行間が取れるはずです。em指定よりも、100%、150%と入れるほうが良いという意見もありますが、その差は詳しく勉強してません。 詳しく解説してるサイトをem指定とか、%指定とかで探してみて下さい。
                • 5. Re: 行間をもう少し
                  Level 1
                  joy さん

                  ていねいなコメントをありがとうございます。
                  CSSに対しても、これならできるかと思って試してみましたが、
                  残念なことに
                  「マークアップエレメントに適用・・」が画面に見あたらないので、右クリック?できません(マックです)。

                  教えていただけると幸いですが、
                  初歩的なことで、本当にすいません。
                  • 6. Re: 行間をもう少し
                    hirochang Level 1
                    例えばCSSエディタの右上端の▶マークをクリック→「新規スタイル」→「body」を選択。インスペクタパレットの「F」(フォント)タブをクリックすると「行の高さ」があります。
                    そこでemや%など設定できると思います。
                    • 7. Re: 行間をもう少し
                      Level 1
                      joy さん

                      毎回ていねいなコメントをありがとうございます。 で、ありながら、理解できなくてごめんなさい。

                      CSSエディタの右上にある階段マーク?をクリック
                      →フォルダから「新規ページ」、「body」を選択しました。

                      次がインスペクタパレット、これはリンクマークとリンク解除マークのあるところですよね。
                      けれどもここに「F」(フォント)タブは見あたりません。

                      最後のところでどうにもハードルを越えられません。
                      • 8. Re: 行間をもう少し
                        hirochang Level 1
                        おかしいですね。 このようになりませんか?
                        • 9. Re: 行間をもう少し
                          Level 1
                          joy さん 毎回ありがとうございます。

                          なるほど、こういった形式ですか。

                          こちらでもやってみました。
                          しかし、CSSエディタの「内部参照」フォルダに、クラス、エレメント、それにid は出てきたのですが、残念なことに body は見あたりませんでした。

                          CSSエディタを表示しているとき、インスペクタに何も表示されませんでした。
                          どうやらバージョン違いのようです。

                          たいへんお手間をとらせてしまいました。
                          感謝いたします。

                          と、書いて送る直前、エレメントを選択してみてインスペクタに F を見つけました。
                          どうやらこれですね。

                          しかし、原稿段階でブラウズしても、文字の間隔はつかめません。正式にアップロードして、ウィンドウズマシンでInternet Explorerでブラウズして、それでやっと確かめられる、というわけですか。なかなか面倒そうです。

                          やっかいな質問におつきあい下さり、本当にありがとうございました。
                          変更は、まず一つだけやって見るつもりでいます。 ありがとうございました。。
                          • 10. Re: 行間をもう少し
                            hirochang Level 1
                            hirochanです。
                            バージョンはbaubauさんと同じ6.0.1です。
                            アップロードした画面は6.0.1のものですよ。
                            • 11. Re: 行間をもう少し
                              Level 1
                              hirochan さんへ

                              わたしは、しっかり間違えていたようで
                              いつもコメント下さっていたのはhirochanさんでしたね。勘違いしてすいません。
                              あれもこれもいろ、いろお世話になってしまいました。本当にありがとうございました。

                              その上同じバージョンを使ってらっしゃるとは、、、
                              えっ、すると、ひょっとしたら、わたしの解決法はまちがっているのかも、???

                              とにかく更新してみるしかないですね。
                              • 12. Re: 行間をもう少し
                                Level 1
                                結果報告です。
                                更新をしてみました。
                                100%を120%にしてみたのですが、結果は変化なし。やはり、どこかで間違えてしまっているようです。
                                残念ですが、じわじわ考え直すより仕方ないようです。
                                • 13. Re: 行間をもう少し
                                  Level 1
                                  結果報告 2

                                  やっとの事で「body」が見つかりました。
                                  それを選択した状態で、たとえばインスペクタで「サイズ」を200%に変更すると、
                                  文字の大きさはすぐに倍になりました。

                                  そこで「行の高さ」を200%にしてみたのですが、残念なことに行間は変わりません。
                                  どうやらこれが最終結果のようです。

                                  みなさまご協力ありがとうございました。
                                  • 14. Re: 行間をもう少し
                                    hirochang Level 1
                                    新規ページを作成し、そこに文章を打ち、新規エレメントの「body」で「行の高さ」を指定しても変わりませんか?
                                    こちらでは200%で行間が広がります。
                                    エレメントスタイル・クラススタイル・IDスタイルの使い分け等や内部CSS・外部CSSはおわかりになってますか?
                                    • 15. Re: 行間をもう少し
                                      Level 1
                                       お返事ありがとうございます。

                                      新規ページをつくってみたのですが、
                                      きのうこちらで見つけた「body」は、じつは
                                      内部参照フォルダ < エレメントフォルダ の中に見つけたものです。
                                      新しいページをつくって試してみようとしたのですが、昨日どのようにしたのか、どうにも出てきません。
                                      ここのところですでに間違えているのでしょうね。

                                      そうです。「エレメントスタイル・クラススタイル・IDスタイルの使い分け等や内部CSS・外部CSS」は今回初めてで、まるで分かりません。マニュアルを引っぱり出して読んだのですが、やは り分かりませんでした。

                                      「body」を見つけることができないという、そこのところでつまづいています。
                                      • 16. Re: 行間をもう少し
                                        hirochang Level 1
                                        >「body」を見つけることができない

                                        CSSエディタの右上端の▶マークをクリック→「新規スタイル」→「body」を選択。
                                        このように選択できませんか?

                                        OS9とOS10.4.9の環境の違いはありますが、同バージョンです。
                                        • 17. Re: 行間をもう少し
                                          Level 1
                                          あっ できました。
                                          「新規スタイル」→「body」を選択
                                          で、行の高さを200%に

                                          その結果です。

                                          mac/Internet Explorer5.1で、きちんと反映されました。
                                          mac/Netscape7.02では、変化無しでした。
                                          念のため、更新して確認してみましたが、上二つは同じでした。
                                          windowsXP/Internet Explorerでは、やはり変化無しでした。

                                          それで、結局、元に戻したところです。
                                          改行マークでレイアウト上の空白をつくっているところがあったからです。

                                          むつかしいものです。
                                          ほとんど初心者のような私を、ここまで導いて下さって、感謝いたしています。
                                          hirochanさん、ありがとうございました。