おいしく日記

ウィークックナビさんを実践してほぼ毎日体験レポート。一週間の献立をまとめ作って時短炊事!

メニュー一覧のプリントcss

これまでも何度か書いていますが、
半年以上ずれたまんまのメニュー一覧printCSS。
写真コンテストを見ていると、プリントしてる人やっぱりいるので、修正CSSを再録。

common/css/print.css  140行目

#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も掲載されているのですが、
あれは少し文字が潰れて見えにくいので、老母には無理(汗)。

いや、母のせいにしたけど、正直あらふぉーの自分も手元の遠いキッチンではむずかしい。

文字データのままでプリントできる方が綺麗なので、、、
すんませんが、一度書き加えていただけるとずっと適応できるので、ぜひお願いしたいです。