2009-07-21 5 views
1

누구나 CSS & CSS를 사용하여 쿠폰을 만드는 방법을 알고 있습니까? 끔찍하게 간단한 질문을 용서해, 나는 웹 개발을 많이하지 않아. :)HTML CSS 쿠폰 스크립트

미리 감사드립니다.

편집 : 편집 : 세스는 내가 수락 한 답변을 다시 게시 했으므로 여기에서 답변을 삭제했습니다 (원래 삭제 된 게시물의 사본이었습니다).

+1

이 문맥에서 "쿠폰"의 의미를 명확히 할 수 있습니까? – Sev

+0

신문이나 기타 인쇄물에서 볼 수있는 쿠폰. 점선이있는 상자. – javamonkey79

+0

/rant 누가 왜 투표를하지 않습니까? 내 말은, 나는 그것이 간단한 질문이라는 것을 알고있다. 내가 뭘 해야할지, 주관적인 \ 귀여운 \ 재미있는 질문하게? 이런. – javamonkey79

답변

5

난 당신이 사업부의 주위에

.coupon { 
    width: 250px; 
    padding: 10px; 
    text-align: center; 
    border: 3px dashed #ccc; } 

    <div class="coupon">15 points for your reputation</div> 

을 원하는 같은데요? 아니면 좀 더 관련이 있습니까?

here에서 가져 왔습니다.

+0

네, 고마워요. 놀랍게도, 인터넷 검색 쿠폰은 당신에게 쓰레기를 가져다줍니다. – javamonkey79

+0

다행이었습니다. 하지만 이제 결과가 첫 페이지에 나타납니다! FTW! – seth

3

질문의 HTML 부분을 다루지는 않을 것입니다. 왜냐하면 매우 기본적인 질문이며 매우 구체적이기 때문입니다. 당신이 인쇄 매체에 대한 명시 적으로 스타일 시트를 추가과 같이 인쇄 할 수 있습니다 특정 스타일 들어, HTML 마크 업에

는 :

<link rel="stylesheet" type="text/css" media="print" href="my-printable-style.css"/> 

또한 사용하여, 기존의 CSS 문서에서 직접이 작업을 수행 할 수 있습니다 그래서 같은 CSS 지침 :

//sample ripped from http://www.w3schools.com/CSS/css_mediatypes.asp 
@media screen 
    { 
    p.test {font-family:verdana,sans-serif;font-size:14px} 
    } 
@media print 
    { 
    p.test {font-family:times,serif;font-size:10px} 
    } 

하지만이 같은 하나의 문서를 부풀게하는 혼란과 유지 보수 문제가 발생할 수 있기 때문에이 일반적으로 약한 도구로 간주하고,이 요소 기반 방법과 동일 달성한다.

인쇄용 CSS 문제가 잘 발생하는 경우 this list apart article을 읽어보십시오.

0

This article에는 필요한 모든 정보가 간단하고 이해하기 쉬운 방법으로 있습니다. 희망이 당신을 돕는다.

-3
<label for="dwfrm_cart_couponCode"> 
         CODE 
         </label> 
<input type="text" placeholder=" CODE" name="dwfrm_cart_couponCode" id="dwfrm_cart_couponCode"> 
<button type="submit" value="dwfrm_cart_addCoupon" name="dwfrm_cart_addCoupon" id="add-coupon"> 

         </button> 
<div class="error"> 
           Please Enter a Code 
          </div>