- 締切済み
印刷制限ができません
まず～Print.cssとか言う名前でファイル作ってください。(Printってとこの名前はなでもいいですよ）で、そのfileの中に BODY{ display:none } と書きます。後は保存してください。 で、次に印刷させたくないページのHEADの部分に <LINK rel="stylesheet" href="Print.css" type="text/css" media="Print"> って書きます。 という方法を実行したんですが なぜか印刷できてしまいます。 どの点が間違っているのかわかる人いましたら ご指摘お願いいたします。
- fin2007
- お礼率61% (13/21)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- koke29
- ベストアンサー率58% (114/196)
Print.cssの置き場所はどこにしてますか？ この書き方だと、印刷させたくないページと同じ階層に置かないと CSSがきかないですよー
関連するQ&A
- 印刷曜CSSがどこかおかしい・・・非常に困っています。。。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <link rel="stylesheet" type="text/css" media="print" href="print.css"> <style type="text/css"> <!-- .style1 { font-family: "ＭＳ Ｐゴシック"; font-size: 12px;} --> <style type="text/css" media="print"> .print { display: "none" } </style> </style> </head> <body> <span class="style1"><p class="print"><p class="print2"><a onclick="window.print();return false;" href="#" >おおお</a></p></p></span> とソースに記載すると、「おおお」が印刷されないと思うのですが、なぜか、「おおお」が印刷されてしまいます。 どうすれば、「おおお」を印刷されなくなるのでしょうか？
- ベストアンサー
- HTML
- phpでこのイコールは代入演算子ですか？ <l
phpでこのイコールは代入演算子ですか？ <link rel="stylesheet" type="text/css" href="stylesheet.css"> ↑このイコールです link relにstylesheetを代入するという意味ですか？ ↓他にもたくさんありますが、このイコールは代入演算子なんですか？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body>
- ベストアンサー
- PHP
- CSSを最近始めました。実は、2P目の印刷表記がおかしいのです。
CSSを最近始めました。実は、2P目の印刷表記がおかしいのです。 HPの画面上は、全て、見栄えを揃えましたが、いざプリントすると、2枚目の表記がおかしいです。1枚目は変な所から下が空欄になり、2枚目の上部分が空いて、2枚目にCSSで表をくんでますが、途中からきれたまま下部（2枚目の下部）で終わり、そのまま最後の3枚目にはフッター部分のみが表示されて、終わります。2枚目の表記が途中から切れて終わってしまう感じです。サファリ以外は、すべてこの表示になってしまいます。 プリント用のCSS表記がおかしいのでしょうか？ 下記に、プリント用CSSでつくってあるものを記しました。 何か足りないもの、もしくは間違っていることがありましたら、教えていただきたいのですが・・・ また、対処法などはありますでしょうか？ プリントCSS--------------------------------- @charset "UTF-8"; /* CSS Document */ /*print*/ @media print { body { background:#fff; color:#000; font-size:12pt; zoom:100%;/*ie*/ background-image:none; background-color:none; } .body { background:#fff; color:#000; zoom:100%;/*ie*/ background-image:none; background-color:none; } no-image { display:none; } color-txt { color:#000 !important; } table, tr, td { border-collapse:collapse; border-spacing:0; border:1px solid #666; } .wrapper, .sidenavi, .main-all, .main-light3 .footer { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .wrapper { margin: 0; padding: 0; border: 0; background: transparent; } .sidenavi { display: none; } } ---------------------------------ここまで html 冒頭--------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> body,td,th { font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3; } body { background: #c5d7e5 url(..○●●○k.gif) repeat-x; margin-top: 0px; } --> </style> <style type="text/css" media="print"> <!-- body{ background:white; } --> </style> <link href="top_files/base.css" rel="stylesheet" type="text/css" media="all"> <link href="top_files/print.css" rel="stylesheet" type="text/css" media="print"> <link href="top_files/fg1_top.css" rel="stylesheet" type="text/css" media="all"> <title> ○●●○</title> ---------------------
- 締切済み
- HTML
- 外部CSSがうまく表示されません
下記ファイル(index.html・sld01.html・sld02.html） について相互にリンクし、外部CSSで制御したいのですが、うまくできません。 1.index.html→sld01.html（CSS反映せずdefault表示）さらにsld02.htmlへはリンク切れとなる。 2.sld01.html→sld02.htmlの場合、sld01.htmlでの文字色が a:visitedになりsld02.htmlジャンプでCSS反映せずdefault表示となりindex.htmlへはリンク切れとなります。 どなたかご教授いただけませんでしょうか？ index.html <html> <head>省略 <link href="/styles-site.css/navi.css" rel="stylesheet" type="text/css"> <link href="/styles-site.css/waku.css" rel="stylesheet" type="text/css"> </head> <body> <table>省略 <div> <a href="index.html">top</a> </div> <div> <a href="../sldset/sld01.html">gallery</a> </div> </table> </body> </html> sld01.html・sld02.html(slid.01へ) <html> <head>省略 <title>gallery</title> <link href="/css/base.css" rel="stylesheet" type="text/css"> </head> <body> <TABLE> <TBODY> <TABLE> <TBODY> 省略（java) <font size="-1"> <a href="/contents/sldset/sld02.html">slid.02へ</a></font> </TBODY> </TABLE> <font size="-1"> <a href="/contents/index/index.html">元のページに戻る</a></font> </TBODY> </TABLE> </body> </html> base.css(一部省略） a:link { color: #FFCC33; text-decoration: none; } a:visited { color: #CCCCCC; text-decoration: none; } a:hover { color: #66CCFF; text-decoration: none; } a:active { color: #FF3366; text-decoration: none; }
- ベストアンサー
- その他（プログラミング・開発）
- 外部CSSの読み込みがうまくできない
<head>～ <link href="basic.css" rel="stylesheet" type="text/css"> ～</head> ↓basic.css body{font-size:80%;color:#4a4a4a;} a:link{color:#004a95;text-decoration:none;} a:visited{color:#950095;text-decoration:none;} a:hover{color:#ff80c0;text-decoration:none;} という感じで外部CSSを読み込んでいるのですが、 ブラウザのoperaやfirefoxだとbody{font-size:80%;color:#4a4a4a;}の所だけ反映されません。 IEだとその部分も反映されます。 cssファイルに修正箇所があるのでしょうか？ それとも外部cssを読み込むhtmlファイルの方に追加して記述しなければいけないタグがあるのでしょうか？
- ベストアンサー
- CSS
- 閲覧用CSSと印刷用CSSを分けることは可能ですか？
現在、WEBページをtable無しのCSSで作成しています。 普通に閲覧する場合には問題ないのですが、 印刷しようとすると外部CSSで指定している画像が 印刷できないため、#fff部分が消えてしまいます。。 その為、media="screen"とmedia="print"で使い分けて 印刷時には#fffを#999などにしようと思ったのですが、 閲覧時にそれが反映されてしまって、黒い画像に#999文字になってしまい上手くいきません。 現在の記述は、 <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css media="print"> です。 色々サイトを見たところこの方法であってると思ってたのですが 何が間違っているのでしょうか？？ もしくは、他に印刷時も閲覧画面と同じように見せる方法があれば 教えてください。よろしくお願い致します。
- ベストアンサー
- HTML
- スタイルシートの設定
スタイルシートをリンク設定したく、文頭に下記の記述をしました。 ++++++++++++++++++++++++++++++++ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> ++++++++++++++++++++++++++++++++ まったく、反映されません・・ どうして何でしょうか？ どなたかお助けください。
- 締切済み
- ホームページ作成ソフト
- プリント用CSSについて
いつもお世話になります。 プリント用のCSSを作成しようと思うのですが、 複数記述してもエラーは出ないのでしょうか？ 説明がうまくないので具体例を書かせていただきます。 “a.css”“b.css"の各々のプリント用cssを “aprint.css”と“bprint.css"とした場合に <link rel="stylesheet" href="css/a.css" type="text/css" media="all"> <link rel="stylesheet" href="css/b.css" type="text/css" media="all"> <link rel="stylesheet" href="css/aprint.css" type="text/css" media="print"> <link rel="stylesheet" href="css/bprint.css" type="text/css" media="print"> この記述で不具合はないものかと悩んでいます。 それともa,bを統合して“c.css”という新たなものを作り、 プリント用“cprint.css”を設けるべきでしょうか？ できれば複数記述できると助かるのですが。 要領を得ない質問ですみませんが、ご教授いただけると嬉しいです。 どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- cssの読み込み優先順位
以下の場合、grid.cssが優先されて「text-align: center;」が適用されてしまうのですが、common.cssを優先させるにはどのようにしたらよいのでしょうか。(!important命令は使わないという前提で。) 【階層構造】 「cssフォルダ」┳ common.css ┃ ┣ screen.css ┃ ┗ 「libフォルダ」━ grid.css cssファイル中身 [screen.css] @import 'lib/grid.css'; [grid.css] body { text-align: center; } [common.css] body { text-align: justify; } htmlファイル中身 <head> <link rel="stylesheet" type="text/css" href="../../css/screen.css" /> <link rel="stylesheet" type="text/css" href="../../css/common.css" /> </head>
- ベストアンサー
- CSS
- 外部ファイルを読み込んだhtmlをinclude
外部ファイルを読み込んだhtmlをincludeしたいです。 ディレクトリの階層は、 index.php style.css /pic/picture.html /pic/css/style1.css /pic/css/style2.css : /pic/css/style13.css /pic/js/jquery1.js /pic/js/jquery2.js : /pic/js/jquery15.js : （画像などが他にもいっぱい） となっています。 ----- picture.html内には <link rel="stylesheet" type="text/css" href="css/style1.css"> <link rel="stylesheet" type="text/css" href="css/style2.css"> : <link rel="stylesheet" type="text/css" href="css/style13.css"> <link rel="stylesheet" type="text/css" href="js/jquery1.js"> <link rel="stylesheet" type="text/css" href="js/jquery2.js"> : <link rel="stylesheet" type="text/css" href="js/jquery15.js"> : と書かれています。 ---- このときindex.phpのbody内に <?php include('./picture.html'); ?> とした場合、相対パスによる記述なのでpicture.html以外のcssやjsは適用されませんよね。 しかし/pic/内にあるすべてのpicture.htmlに関係するファイルは非常に数が多いので、これらすべてをincludeするのは厳しいです。 すべての外部ファイルを読み込んだ状態のpicture.htmlをbody内に表示したいのですが、そんなことは可能でしょうか。 どなたかご教示ください。どうかよろしくお願いします。
- ベストアンサー
- PHP
お礼
アドバイスありがとうございました 下のタグをＨＰビルダーのBODYタグ内に記載していたのが ミスの原因でした どうも親切にしていただきありがとうございました BODY{ display:none }