Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ช่วยดูโค๊ต print css หน่อยครับ ไม่รู้ว่าผิดอย่างไร

ช่วยดูโค๊ต print css หน่อยครับ ไม่รู้ว่าผิดอย่างไร

เริ่มหัวข้อใหม่

babyprogrammer

โพสกระทู้ ( 482 )
บทความ ( 1 )

Code (PHP)

<link rel="stylesheet'"type="text/css" href="../../css/print.css" media="print"/>

<body >
	<div id='paper' style="width:97%;">
		<div id="tools">
			<input type='image' src='../../images/icons/print.png' width='32' title='พิมพ์หน้านี้ / Print this page.' onclick="window.print();">
		</div>
		<div style='clear:both;'></div>
		
       	<div style="margin-bottom:20px;"><img src="../../images/logo3.png" width="350" /></div>
		<div class='title_report align_c txt_bold txt_uline'>ข้อมูลและรายละเอียดของโครงการ <br><?php echo $data[0]['PROJECT_NAME']; ?></div>			
		<div class='nav_location'><?php echo myfnc::PrintLocationName($div_id,$location_id); ?></div>
		<div class='table_blue'><table><?php echo $rep; ?></table></div>
	</div>
</body>

print.css
Code (PHP)

#paper {width:21cm;}
#tools {display:none;}

ปัญหาก็คือตรง id='tools' เนี่ยมันไม่หายไปตอนกด print น่ะครับ เช็คพาท css ก็ถูกแล้ว ลองเปลี่ยน #paper {display:none;} ก็ไม่หาย

Tag : PHP, HTML/CSS, JavaScript

Date : 2013-06-13 12:11:17

By : babyprogrammer

View : 1437

Reply : 6

No. 1

Guest

ต้องใส่ @media print{} ครอบไปด้วยครับ

Code

@media print{
     #paper {width:21cm;}
     #tools {display:none;}
}

Date : 2013-06-13 13:22:58

By : May SkyFiRe

No. 2

babyprogrammer

โพสกระทู้ ( 482 )
บทความ ( 1 )

ลองแล้วก็ไม่ได้นะครับ งานตัวเก่าผมก็ทำแบบนี้มันก็ได้ แต่อันนี้ไม่ได้ก็งงเลย

Date : 2013-06-13 13:43:08

By : babyprogrammer

No. 3

Guest

ถ้างั้น อาจต้อง แยก code ส่วนนี้ไว้ในไฟล์ print.css แล้วนำโค๊ดด้านล่างไปใส่ภายใต้ แท็ก <head>

Code

<head>
<link href="styles/print.css" rel="stylesheet" type="text/css" media="print" />
</head>

Date : 2013-06-13 13:59:08

By : May SkyFiRe

No. 4

babyprogrammer

โพสกระทู้ ( 482 )
บทความ ( 1 )

เอาไว้ใน <head> ตั้งแต่แรกที่เป็นปัญหาอยู่แล้วครับ

Date : 2013-06-13 14:06:50

By : babyprogrammer

No. 5

earthchie

โพสกระทู้ ( 65 )
บทความ ( 1 )

ลองใส่ !important ดูรึยังครับ

#tools{display: none !important;}

Date : 2013-06-13 14:26:10

By : earthchie

No. 6

babyprogrammer

โพสกระทู้ ( 482 )
บทความ ( 1 )

ก็ไม่ได้เหมือนเดิมครับ เป็นเพราะอะไรนะ

Date : 2013-06-13 14:55:52

By : babyprogrammer

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยดูโค๊ต print css หน่อยครับ ไม่รู้ว่าผิดอย่างไร

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก