howardfan123 Posted February 24, 2009 Share Posted February 24, 2009 I have a code that is working except for two things1 items are centering them selfs on the top of the document and i want them to center down more2 it is print the whole web page and not just the cards any ideas would be great i cant seem to see what i have done wrong <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--@media print { * { background-color: white !important; background-image: none !important; }}.body { background-color: #FFFFFF border-left-style: dashed; border-bottom-style: dashed; border-right-style: dashed; border-top-style: dashed; border-bottom-width: medium; border-left-width: medium; border-right-width: medium; border-top-width: medium; width: 6in; max-height: 4in; max-width: 6in; height: 4in; border-bottom-color: #000000; border-left-color: #000000; border-right-color: #000000; border-top-color: #000000; border-left-style: dashed;}.date { font-family:"MS Reference Sans Serif#000000"; color:#33FF33 background:#33FF00; border-style: none; background-color: #FFFFFF; border-bottom-style: none; font-size: 12pt;}.date1 { font-family:"MS Reference Sans Serif#000000"; color:#33FF33 background:#33FF00; border-style: none; background-color: #FFFFFF; border-bottom-style: none; font-size: 12pt; margin-left: 210px;}#allycandlelogo1 { position:absolute; width:2.896in; height:2.135in; left:0.167in; top:0.24in; visibility:visible;}#allycandlelogo2 { position:absolute; width:2.896in; height:2.135in; left:0.188in; top:5.0in; visibility:visible;}#candlelogo1 { position:absolute; width:127px; height:124px; top:0.469in; left:4.198in; visibility:visible;}#candlelogo2 { position:absolute; width:127px; height:124px; top:13.0cm; left:4.198in; visibility:visible;}.style4 { font: italic bolder 24pt "Script MT Bold"; color: #0033FF; font-size: 28pt; width: 211px; height: auto; position: absolute; left: 354px; top: 171px; z-index: 4; visibility: visible; overflow: visible;}.style5 { font: italic bolder 24pt "Script MT Bold"; color: #0033FF; font-size: 28pt; width: 211px; height: auto; position: absolute; left: 354px; top: 624px; z-index: 4; visibility: visible; overflow: visible;}.style8 { font: italic bolder 24pt "Script MT Bold"; color: #0033FF; font-size: 18pt; margin-left: 150px; position: inherit;}.style9 { font: italic bolder 24pt "Script MT Bold"; color: #0033FF; font-size: 18pt; margin-left: 10px;}.style10 { font: italic bolder 24pt "Script MT Bold"; color: #0033FF; font-size: 18pt; margin-left: 137px;}.style12 { font-size: 24px; font-family: "MS Reference Sans Serif";}.middle {width:6in;}.printbuttonbox { width:6in;}-->#style19 { background-color: #FF0099; display: table-row-group; font-weight: bold; font-style: normal; font-stretch: wider; font-size: 16px; font-family: "Comic Sans MS"; color: #0000FF; }</style></head><body><div class="body"> <p><img src="savethatdatecards_files/ALLYSCANDLELOGO1.jpg" alt="allycandlelogo" id="allycandlelogo1"/> <img src="savethatdatecards_files/CANDLELOGO1.JPG" alt="candle logo" id="candlelogo1"/> <span class="style4">Your Invited</span></p> <p></p> <p></p> <p></p> <p></p> <layer name="topcard" left="13" top="220" width="458" height="169"> <p><span class="style8">Date:</span> <input name="dayofweek" type="text" class="date" id="copy2_masterdayofweek" size="12" maxlength="12" readonly="readonly" /> <input name="date" type="text" class="date" id="copy2_masterdate" size="18" maxlength="18" readonly="readonly"/></p> <p><span class="style8">Time:</span> <input name="starttime" type="text" class="date" id="copy2_masterstarttime" size="6" maxlength="6" readonly="readonly"/> <input name="ampm1" type="text" class="date" size="2" maxlength="2" readonly="readonly" id="copy2_masterampm1"/> <span class="style9">To </span> <input name="endtime" type="text" class="date" id="copy2_masterendtime" size="6" maxlength="6"/> <input name="ampm2" type="text" class="date" id="copy2_masterampm2" size="2" maxlength="2"/></p><p><span class="style10">Where:</span> <input name="address" type="text" class="date" id="copy2_masteraddress" size="30" maxlength="30"/></p><p><input name="city" type="text" class="date1" id="copy2_mastercity" size="18" maxlength="18"/> <input name="state" type="text" class="date" id="copy2_masterstate" size="4" maxlength="4"/> <input name="zipcode" type="text" class="date" id="copy2_masterzipcode" size="7" maxlength="8"/></span></p></layer></div><div class="middle"><center><p><span class="style12">--CUT ALONG DOTTED LINE--</span></p></center></div><div class="body"><img src="savethatdatecards_files/ALLYSCANDLELOGO2.jpg" alt="allycandlelogo" id="allycandlelogo2"/><img src="savethatdatecards_files/CANDLELOGO2.jpg" alt="candle logo" id="candlelogo2"/><span class="style5">Your Invited</span><p></p><layer name="bottomcard" left="27" top="685" width="552" height="2"><p><span class="style8">Date:</span> <input name="dayofweek" type="text" class="date" id="copy_masterdayofweek" size="12" maxlength="12" readonly="readonly" /></span> <input name="date" type="text" class="date" id="copy_masterdate" size="18" maxlength="18" readonly="readonly"/></p><p><span class="style8">Time:</span> <input name="starttime" type="text" class="date" id="copy_masterstarttime" size="6" maxlength="6" readonly="readonly"/> <input name="ampm1" type="text" class="date" size="2" maxlength="2" readonly="readonly" id="copy_masterampm1"/><span class="style9">To</span> <input name="endtime" type="text" class="date" id="copy_masterendtime" size="6" maxlength="6" readonly="readonly"/> <input name="ampm2" type="text" class="date" id="copy_masterampm2" size="2" maxlength="2" readonly="readonly"/></p><p><span class="style10">Where:</span> <input name="address" type="text" class="date" id="copy_masteraddress" size="30" maxlength="30" readonly="readonly"/></p><p><input name="city" type="text" class="date1" id="copy_mastercity" size="18" maxlength="18" readonly="readonly"/> <input name="state" type="text" class="date" id="copy_masterstate" size="4" maxlength="4" readonly="readonly"/> <input name="zipcode" type="text" class="date" id="copy_masterzipcode" size="7" maxlength="8" readonly="readonly"/></p></layer></div><div class="printbuttonbox"><center> <p></p> <input type="button" onclick="print();" id="style19" value=" CLICK TO PRINT " /></center></div></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.