WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:外部スタイルシートの記述方法。

0:[投稿] tomo [2004/04/01 11:07 ][環境:IE6 IE6]

印刷時にボタンを消したいので

<style>
    @media print{
        .nonPrint{display:none}
    }
</style>

を直接、HTML ファイルに記述し、
class で呼び出しているのですが、
これを外部スタイルシートに記述し、呼び出すにはどのように記述すればよいのでしょうか?


1:[回答] めけめけ [2004/04/01 17:44 ]

<link rel="stylesheet" href="cssファイルの場所" type="text/css">で読み込んで、
スタイルを適応させたいタグの中で呼べばいいのでは?


2:[回答] 悩める学生 [2004/04/01 17:51 ]

headタグ内に
<link rel="stylesheet" href="st.css" type="text/css">
を記述してst.cssに
@media print{
       .nonPrint{display:none}
}
だけを保存すればできると思います。stは任意です


3:[回答] 悩める学生 [2004/04/01 17:52 ]

あれ、かぶっちゃった…


4:[回答] andi [2004/04/01 23:04 ]

<link rel="stylesheet" href="style.css" media="print">
link内でもmediaを指定出来ますよ。

http://www.w3.org/TR/html401/struct/links.html#edef-LINK


5:[完了] tomo [2004/04/05 12:41 ]

ありがとうございます。
Dreamweaver で外部スタイルシートに

@media print{
    .nonPrint{display:none}
}

を記述すると(環境設定にもよりますが)
2番目の{ カッコのみ、色が変わらないので、
(ソースを認識していない?)
どこかで誤作動を起こすのではないかと考えておりました。
解決しました。
ありがとうございました。


回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World