メニュー一覧のプリントcss
これまでも何度か書いていますが、
半年以上ずれたまんまのメニュー一覧printCSS。
写真コンテストを見ていると、プリントしてる人やっぱりいるので、修正CSSを再録。
#menu .menu-inner{ zoom: 1; width:470px; }
のところですが、
私は、毎週以下↓のように書き換えてプリントしています。
#menu .menu-inner{ zoom: 1; /*width:470px;*/ } #pc_header, #back_number, .btn-wrapper{ display:none; } .menu-inner header{ width:470px; } .menu-inner section{ display: inline-block; *display:inline; *zoom:1; vertical-align:top; width:470px; background:url(../../images/contents01_child/menu_line_dot_l.jpg) 275px 25px repeat-y ; border-top:solid 4px #ddd; margin-top:10px; margin-bottom:5px; padding-top:5px !important; }
1列に表示されちゃうとこをdisplay: inline-block;で2カラムにして、
一枚にプリントできずにはみ出すことも多いので、
#pc_header #back_number は削除。ついでに過去レシピへのボタンも。
プリント用のPDFも掲載されているのですが、
あれは少し文字が潰れて見えにくいので、老母には無理(汗)。
いや、母のせいにしたけど、正直あらふぉーの自分も手元の遠いキッチンではむずかしい。
文字データのままでプリントできる方が綺麗なので、、、
すんませんが、一度書き加えていただけるとずっと適応できるので、ぜひお願いしたいです。