• ベストアンサー

styleシート

スタイルで<SPAN style="display:none">というやつがありますが、<SPAN style="printing:none">という感じに印刷のときには表示させないようなタグかなにかってありますか?できればCGIは避けたいのですが。

  • t-d-s
  • お礼率60% (102/170)

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

<HTML> <HEAD> <style> @media screen { .test { color: pink; } } @media print { .test { display: none; } } </style> </HEAD> <BODY> これは <span class="test">TEST</span> です。 </BODY> </HTML> IE5.5SP2にてプレビューのみで確認。

t-d-s
質問者

お礼

ありがとうございます!実は書き忘れてて画像を消したかったんですけど、やってみたらきえました☆ありがとうございました

その他の回答 (1)

  • onimotsu
  • ベストアンサー率36% (279/758)
回答No.1

printing:none は無いようですね。 display:noneよりもvisibility:hiddenの方がいいみたいですね。 要は画面には表示させるが 印刷したときには印字できないようにしたいのですよね。 私もちょっと勉強してみます。

参考URL:
http://tohoho.wakusei.ne.jp/wwwcss3.htm

関連するQ&A

  • スタイルシートでレイアウトしたいのですが出来ません。

    <a href="○○.html" onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'"> ○○タイトル○○</div></a> <span id="txt1" style="display:none;position:absolute; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;"> ○○説明文○○</span> 上のような<txt>タグが全部で20個以上あるので (つまりtxt1~txt20まであります) CSSでレイアウトしたいのですがうまくいきません。 上のタグをCSSでどのように定義づけたら <div class>で作れるようになるか教えてください。

  • スタイルシートでツールチップ

    初心者です。 http://ameblo.jp/linking/entry-10083271034.htmlから拝借して、ツールチップが出るような指定をしたいと思うのですが、できたらaタグを使わずにやりたいのですが、どうしたらよいでしょうか。 よろしくお願いいたします。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;} </style> <body> Easy <a href="#" class="tooltip">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>. </body> </html>

    • ベストアンサー
    • HTML
  • パース style=display:none 取得

    はじめまして。 PHPでHTMLのパースを勉強しております。 そこで質問なのですが、 file_get_contentsで、style="display:none"の指定がされているタグ内のテキストを 取得することは可能でしょうか。 説明が悪くてすいません。 下記の例の場合、「タイトルその1」を取得したいです。 <div class="list1" style="display:none;"> <span class="title">タイトルその1</span> </div> 以上、どなたかご返答頂けますと幸いです。

    • 締切済み
    • PHP
  • スタイルシートについて

    携帯サイトを運営してる者です。 スタイルシートで 「 display:none 」 というのを使うと、携帯からは表示されるが パソコンからは非表示になります。 その逆で、パソコンからは見れるが 携帯からは見れないというスタイルシートの使い方はありませんか? スタイルシート以外での対応などは、受け付けておりません。 スタイルシートでできない場合は、できないとお教え下さい。 よろしくお願い致します。

  • 隣のフレームの中のスタイルをいじる・・・なら指定はどこになる?

    <SPAN onclick="com1.style.display='block'"> <FONT SIZE="2">+</font> </span> <SPAN onclick="com1.style.display='none'"> <FONT SIZE="2">-</font> </span> をクリックすることにより <FONT size="2" color="red" id="com1_1" style={display:none;}> 文字列 </font> を表示させたりさせなかったりするスクリプトを 「left」のフレームで動かしています。 (スクリプトというには短いですが) これを「right」フレームにある文字、もしくは画像から onclickでコントロールする場合、 どのようにかけばよいのでしょうか? <SPAN onclick="com1.style.display='block'"> <FONT SIZE="2">+</font> </span> に何かを追加するといいようには見えるのですが。 それともそもそもできないのでしょうか?

  • スタイルシート切替はどこまでが便利なのでしょうか

    アドバイスを下さい。 やりたいこと ログインIDによって、背景や色・表示コンテンツを変える。 スタイルシートを使って切り替えて欲しいと言われたのですが、 背景や色だけならスタイルシート切り替える(jacascriptで)ことが 一番シンプルだと思うのですが、表示コンテンツなども変える場合 逆にスタイルシートだと不便なのでは?という疑問が出てきました。 コンテンツの表示・非表示にdisplay:none;を使っているため、 HTMLファイルが重たくなる。また、ブラウザでソースを表示すると display:none;の部分が見えてしまう。 このような場合はHTML自体2種類用意して、プログラムで制御した方が よろしいのでしょうか。

    • ベストアンサー
    • HTML
  • スタイルシート

    <!-- span#k-11 { background-image : url("a.gif")} span#k-12 { background-image : url("b.gif")} span#k-21 { background-image : url("c.gif")} span#k-22 { background-image : url("d.gif")} --> <body> <table> <tr> <td><a href=""><span id="k-11" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-12" style="width:192; height:33;"></span></a></td> </tr> <tr> <td><a href=""><span id="k-21" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-22" style="width:192; height:33;"></span></a></td> </tr> </table> </body> 外部スタイルシートで、 同じ大きさ(width:192; height:33; gif画像の大きさ)のgif画像を、縦2×横2のテーブルを表示して、その個々の画像にリンクを貼りたいと思っています。 一応これできますが、もう少しbody内のテーブルを簡略したいと思いますが、なかなかうまいきません。 1.大きさの部分(width:192; height:33;)をスタイルに入れると、何故か画像が表示されなくなります。 2.リンクの部分もスタイルに入れたいのですが、どのようにすればよいかわかりません。 どうぞご指導よろしくお願いします。

  • DreamWeaverMXでスタイルシートを使わない方法

    DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか? ご存知の方がいましたらよろしくお願いします。

  • スタイルシートのheightについて

    お詳しい方どうか教えてください。 スタイルシートを使用してある文字列を、罫線で囲みたいと思っております。 以下のタグを作成したのですが、height=280が効いていないようなのです。 使用ブラウザは古いのですがNN4.51です。"height"はNN4.51では対応されていないのでしょうか? 作成タグは以下です。 <SPAN STYLE="width: 650px; height: 280px; border: solid 1px black; background: white; color: white;">・・・・<SPAN> どうかよろしくお願いします。

    • ベストアンサー
    • HTML
  • スタイルシートで...

    スタイルシートでtableもしくはtdタグの背景色を1~100の間で透明にしたいのですが、 その記述方法を忘れてしまったのですがご存じの方いましたらタグをお教えください。 filter:Alpha(opacity=10)←のようにdiv,spanでやってみましたがだめでした。 有名なサイトなどでさがしましたがimgとfontはあるのですがtableの背景色の設定については さがすことができなかった為投稿します。

    • ベストアンサー
    • CSS

専門家に質問してみよう