利用者:わたあめひみつ/印刷・オフライン作業
表示
- style="margin:1em;" で、上下左右に1文字分の余白。
- 下と右側に余白 style="margin-bottom: 1em; margin-right: 1em;"
- 記事本文の枠外が印刷されない。保存したファイルでは、枠外の情報が左側ではなく最下部に表示される。
- h1やh2タグで指定されたタイトルの下罫線が保存・印刷されない。
- リンクされた(aタグで挟まれた)文字列の色が青色ではなく,黒色に印刷される。
- tableの罫線が保存したファイルでは表示されない。
- cssでスタイル指定。
- ファイルの種類は「Web ページ、完全」を指定して、保存。
- (Firefoxでは「Web ページ、完全」と指定して保存しても目的のスタイルシートが保存されない。)
- 必要なスタイルシートは,ダウンロードしたhtmlファイルに関連付けられたフォルダ内にある main.css 。
- エディタでダウンロードしたhtmlファイルを開き,headタグ内の
- <LINK media=print href="(関連付けられたフォルダ名)/commonPrint.css" ...>
とある"commonPrint.css"の部分を"main.css"に書き換えて上書き保存する。
- htmlファイルを開き直して印刷。
- オフライン作業でブラウザ上に同じ表現を得たい場合、 main.css をスタイルシートに指定するようにhtmlファイルを書き換え。headタグに以下の行を追加。
- <link rel="stylesheet" type="text/css" href="(関連付けられたフォルダ名)/main.css">
- ただし、IEでは表示が乱れる。Firefoxではきれいに表示される。Firefoxを使用する場合、印刷用スタイルシートを指定する行をこの行で置き換えると、印刷とブラウザ表示のスタイルシートを一度に指定できる。