ホームページ作成 質問過去ログ

                                Page     219
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫   
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ▼CSSの外部ファイルについて  you 03/10/29(水) 11:02
   ┗Re:CSSの外部ファイルについて  むむりく 03/10/29(水) 16:21
      ┗Re:CSSの外部ファイルについて  むむりく 03/10/29(水) 16:59
         ┗できました〜〜〜!!  you 03/10/29(水) 17:19

 ───────────────────────────────────────
 ■題名 : CSSの外部ファイルについて
 ■名前 : you
 ■日付 : 03/10/29(水) 11:02
 -------------------------------------------------------------------------
   はじめまして、youと言います。

これから作成しようとしているサイトがあり、そこでCSSを外部ファイルで読み込ませようと思ったので、試しにdiv-style.cssというファイルを作成し、test.htmlへ設定しました。
IE6で確認したところ、意図するように表示されましたが、NN7だと全く無視されてしまいます。
作成したCSSは以下の通りです。
  <style type="text/css">
  <!--
  div{
    font:bold 12pt Arial;
    border-top: 1px solid #6666FF;
    border-bottom: 1px solid #6666FF;
    border-left: 8px solid #6666FF;
    padding: 5px;}
  -->
  </style>
test.htmlとdiv-style.cssは同一階層にあり、これをリンクさせても読み込ませてもNN7では無視されます。
念のため、このCSSを紹介しているサイトに行くときちんと表示されてますし、直接test.htmlの中にCSSを記述すると、NN7でも表示されます。

外部ファイルにするのに無理があるのでしょうか・・・??
 ───────────────────────────────────────  ■題名 : Re:CSSの外部ファイルについて  ■名前 : むむりく  ■日付 : 03/10/29(水) 16:21  -------------------------------------------------------------------------
   外付けのcssには、

>  div{
>    font:bold 12pt Arial;
>    border-top: 1px solid #6666FF;
>    border-bottom: 1px solid #6666FF;
>    border-left: 8px solid #6666FF;
>    padding: 5px;}

の部分だけを書いてくださいね。
 ───────────────────────────────────────  ■題名 : Re:CSSの外部ファイルについて  ■名前 : むむりく  ■日付 : 03/10/29(水) 16:59  -------------------------------------------------------------------------
   今実際に試して見たのですが、確かに表示されませんね。
でも空白を消して、
左詰にしたらネスケでもMozillaでもちゃんと表示されました。
お試しください。

よく分からなければ、こちらをダウンロードしてください。
(右クリック→対象をファイルに保存)
http://homepage3.nifty.com/arkisto/etc/div.css
ちょっとぼく好みに書き直してますが、同じものですので。

> 外部ファイルにするのに無理があるのでしょうか・・・??
外部ファイルはとても重要な意味を持ってますよ。
どんどん挑戦してくださいね。
 ───────────────────────────────────────  ■題名 : できました〜〜〜!!  ■名前 : you  ■日付 : 03/10/29(水) 17:19  -------------------------------------------------------------------------
   お返事、ありがとうございました。

>今実際に試して見たのですが、確かに表示されませんね。
>でも空白を消して、
>左詰にしたらネスケでもMozillaでもちゃんと表示されました。
>お試しください。

私もできました!
空白が問題だったんですね(^_^;)
NNで見れない、という事で、なんとなく記述方法に問題があるのかしら?とは思っていたんですけど・・・。
外部ファイルにする時は、左詰めで書いていくようにします!

本当にありがとうございました!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━                                 Page 219