アキラのＩＴメモ：(X)HTML/CSS

スタイルシートのbackgroundで指定している画像はどうやら印刷時には出てこないようで、それはそれで便利なのですが、印刷したいという場合にどうするのだろうと思って少し調べてみました。簡単な方法としてはブラウザーの設定で「背景イメージを印刷する」と選択すれば印刷できるようなのですが、ユーザにそれを強要するのは難しいところです。こちらのページによるとスタイルシートの記述だけで印刷できるようにするには以下のように記述すれば良いようです。

続きを読む "CSSで背景画像を印刷させる方法"

水平方向のセンタリングはtext-align:center;でできるのですが、垂直方法のセンタリングはどうするのだろうと以前から気になっていました。ピクセル単位でマージンを入れたり、四苦八苦していたのですが、どうやら1行しかない文字列の場合はline-heigtを使用することで垂直方向のセンタリングが出来るようです。すなわち、

続きを読む "CSSによる垂直方向のセンタリング"

前のエントリでFlashを埋め込んだのですが、XHTML StrictでFlashを埋め込んだのは（embedタグを使わずに埋め込むのは）実は今回が初めてでどうやって埋め込むのか調べてみました。多分、XHTMLを見せた方が早いと思うので以下にXHTMLのコードを表示します。なお、こちらのブログを参考にしました。

続きを読む "XHTMLでFlashを表示"

CSS（スタイルシート）は、画面表示用、印刷用、携帯端末表示用などと用途に合わせてどのCSSを適用するかを記述できる機能があるのですが、ここでは印刷用CSSの記述方法を書いておきます。具体的にはmediaとしてscreenを指定すると画面表示用のCSSとして、mediaとしてprintを指定すると印刷用のCSSとして適用されます

続きを読む "印刷用CSSの作成"