웹모아
웹모아[가입] 로그인 / 회원가입   검색     


  
인쇄관련
  

▽화면 출력과 인쇄시 테이블 널이 다르게 지정하기
2007-01-19 01:23:17 댓글:(0)   조회:1238
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css" media="print">
    /* 인쇄용 */
    .prOn {display:block}
    .prOff {display:none}
   .tbl1
   {
      width:100px;
      FONT: 9pt Arial,;
      border-width : 0px;
      border-color : #669900;
      border-style : double;
   }
  .mmdiv
  {
    width:70px;
  }
</style>
<style type="text/css" media="screen">
    /* 화면용 */
    .scOn {display:block}
    .scOff {display:none}
  .mmdiv
  {
    width:200px;
  }
   .tbl1
   {
      width:500px;
      FONT: 9pt Arial,;
      border-width : 0px;
      border-color : #669900;
      border-style : double;
   }

</style>

<style>
   <!--
   body {
      FONT: 9pt Arial,;
   }
   .td0
   {
      width:70px;
   }
   .td1
   {
      width:70px;
      background-color: #E0E0E0;
      border: 2px solid red;
   }
   .td2
   {
      width:150px;
      background-color: #FFFFCC;
      border: 2px dotted blue;
      border-collapse: separate;
   }
   .td3
   {
      width:200px;
      background-color: #CCCCCC;
      border: 0px dotted white;
      border-collapse: separate;
   }
   //-->
</style>
</HEAD>
<BODY>
테이블 css 정의
<input type="button" name="print" value="인쇄" onClick="Window.print();">
<DIV ID="myprt" class='mmdiv'>
   <table  width="100%" border=1>
      <tr><td class=td0>홍길동</td><td class=td1>011-xxx-xxx</td></tr>
      <tr><td class=td0>홍길동</td><td class=td2>011-xxx-xxx</td></tr>
      <tr><td class=td0>홍길동</td><td class=td3>011-xxx-xxx</td></tr>
   </table>
</DIV>
</BODY>
</HTML>
. 

[이전글] ▽ [RE] CSS media=\'print\'
[다음글] ▽ 웹페이지에서 프린트 컨트롤


 
※ 댓글쓰기는 회원(로그인 하신분) 이상 가능합니다.


 댓글 (0)

  
인쇄관련
 페이지: 1 / 3   

▽ 인쇄된 용지에 머리말과 꼬리말 같은거 나오지 않게 어떻게 하나요?
열람:1608   2008.10.27 		
▽ 웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣는 방법
(홈마스타) 열람:1655   2007.01.30 		
▽ 화면 출력과 인쇄시 테이블 널이 다르게 지정하기
(홈마스타) 열람:1239   2007.01.19 		
▽ 웹페이지에서 프린트 컨트롤
(홈마스타) 열람:1905   2006.12.02 		
▽ 인쇄시 강재로 다음페이지 넘기
(홈마스타) 열람:1214   2006.12.02 		
▽   [RE] 인쇄시 강재로 다음페이지 넘기
(홈마스타) 열람:1297   2006.12.02 		
▽ 아이프레임 프린트 하기(iframe print)
(홈마스타) 열람:2617   2006.12.02 		
▽   [RE] 아이프레임 프린트 하기(iframe print)
(홈마스타) 열람:1693   2006.12.02 		
▽     [RE] 아이프레임 프린트 하기(iframe print)
(홈마스타) 열람:9367   2006.12.02 		
▽ [CSS] 같은 페이지에서 화면과 프린트 인쇄 스타일 바꾸기
(홈마스타) 열람:1485   2006.11.26 		

[1]  [2]  [3]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.




 
최근 글 ▽[손님]
 
인기 글 ▽[손님]