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



 
인쇄관련
 


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


<!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>

실행해보기   (실행2)





 댓글 (0)


인쇄관련
페이지: 1 / 1   


   인쇄된 용지에 머리말과 꼬리말 같은거 나오지 않게 818
   웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣(홈마스타) 662
화면 출력과 인쇄시 테이블 널이 다르게 지정하기(홈마스타) 524
   웹페이지에서 프린트 컨트롤(홈마스타) 958
   인쇄시 강재로 다음페이지 넘기(홈마스타) 430
     [RE] 인쇄시 강재로 다음페이지 넘기(홈마스타) 498
   아이프레임 프린트 하기(iframe print)(홈마스타) 879
     [RE] 아이프레임 프린트 하기(iframe pri(홈마스타) 834
       [RE] 아이프레임 프린트 하기(iframe pr(홈마스타) 5407
   [CSS] 같은 페이지에서 화면과 프린트 인쇄 스타(홈마스타) 558
     [RE][HTML/CSS]Style sheet 를 (홈마스타) 509
       [RE] CSS media='print'(홈마스타) 564
         [RE] CSS media 에 따라 다른 크기의 (홈마스타) 448
   원하는 프레임만 프린트하기 / 인쇄미리보기 및 페이(홈마스타)(1) 2316
   특정영역만 프린트하기(홈마스타) 846
     [RE] 특정 페이지를 프린트하기(Iframe)(홈마스타) 775
   [스크립트] 이미지에 6개의 효과주기(홈마스타) 496
   DIV를 이용한 특정부분만 프린트하기(브라우저에서)(홈마스타) 653
   원하는 부분만 인쇄하기. Css 작성과 링크 팁. (홈마스타) 588
    HK Post print Plugin V2_0(홈마스타)(2) 442
    간단한 텍스트 인쇄 / HTML 인쇄(홈마스타) 579
   웹페이지에 [인쇄하기](홈마스타) 859
   거래명세서(거래명세표) 와 세금계산서 HTML 출력(홈마스타) 1958
   라벨지 양식은 전용 소프트웨어나 워드로 라벨지를 완(홈마스타)(1) 1735
[1]  

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




 
최근 글
[손님]

인기 글
[손님]
[김준수] (1) 모의고사 풀이
[홈마스타] setinterval 사용과 중지