Kann jemand einen HTML-Code (druckbar ist noch besser) mit HTML & CSS erstellen? Verzeihen Sie die schrecklich einfache Frage, ich mache nicht viel von irgendeiner Netzentwicklung :)HTML CSS-Coupon-Skript
Dank im Voraus.
EDIT: EDIT: Seth hat seine Antwort erneut gepostet, die ich akzeptiert habe, also habe ich die Antwort von hier entfernt (es war nur eine Kopie seines ursprünglichen gelöschten Beitrags).
Ich vermute, Sie
.coupon {
width: 250px;
padding: 10px;
text-align: center;
border: 3px dashed #ccc; }
<div class="coupon">15 points for your reputation</div>
um einen div wollen? Oder etwas mehr beteiligt?
Ich stahl es von here.
Ja, danke. Überraschenderweise bekommt googling css Gutschein Sie nichts als Müll. – javamonkey79
Froh, es hat funktioniert. Aber jetzt zeigt sich Ihr auf der ersten Seite der Ergebnisse! Stacküberlauf FTW! – seth
Ich werde den HTML-Teil der Frage nicht behandeln, denn das ist sehr, sehr einfach und sehr spezifisch für dich.
Für spezielle Styling-Druck, in Ihrem HTML-Aufschlag Sie explizit für Printmedien ein Stylesheet hinzufügen, etwa so:
<link rel="stylesheet" type="text/css" media="print" href="my-printable-style.css"/>
Sie können dies auch in einem vorhandenen CSS doc, tun direkt über CSS-Richtlinien, etwa so:
//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}
}
aber dies wird im allgemeinen als das schwächere Werkzeug angesehen, weil es zu Verwirrung und Wartungsproblemen führen kann ein einzelnes Dokument wie dieses aufblasen, und erreicht das gleiche wie die Element basierte Methode.
Für einen guten Überblick über einige druckbare CSS-Probleme lesen Sie this list apart article.
This article enthält alle Informationen, die Sie benötigen, auf einfache und verständliche Weise. Hoffe es hilft dir.
<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>
Können Sie klarstellen, was "Gutschein" in diesem Zusammenhang bedeutet? – Sev
Ein Gutschein, wie Sie ihn in einer Zeitung oder anderem Druckmaterial sehen würden. Du weißt, eine Box mit gepunkteten Linien. – javamonkey79
/rant Warum sollte jemand das abstimmen? Ich meine, ich weiß, es ist eine einfache Frage, aber komm schon! Was muss ich tun, um es zu einer subjektiven \ cute \ Spaßfrage zu machen? Jeeze. – javamonkey79