Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    957
    957 is offline
    Banned
    Join Date
    Mar 2010
    Location
    my head
    Posts
    176
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Question print button for budget sheet

    I want people to be able to print off their budget sheet alone. here's a link
    http://votillity.com/calculator.php

    and the html

    Code:
    <div>
    <form class="calcform" name="BS" style="overflow:scroll;height:79%;top:100px;left:5px;" action="">
      <table border="6">
        <tr>
    	  <td><p style="text-align:center;font-size:30px;">Budget Sheet</p></td>
    	  <td><p class="BSCH">Monthly<br />Budget<br />Amount</p></td>
    	  <td><p class="BSCH">Monthly<br />Actual<br />Amount</p></td>
    	  <td><p class="BSCH">Difference</p></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">INCOME:</p></td>
    	  <td></td>
    	  <td></td>
    	  <td></td>
    	</tr>
    	<tr>
    	  <td><p>Wages and Bonuses</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Interest Income</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Investment Income</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Miscellaneous Income</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH2">Income sub-total</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">INCOME TAXES WITHHELD:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Federal Income Tax</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>State and Local Income Tax</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Social Security/Medicare Tax</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH2">Income Taxes Subtotal</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH2">Spendable Income</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">EXPENSES:</p></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Home:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Mortgage or Rent</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Homeowners/Renters Insurance</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Property Taxes</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Home Repairs/Maintenance/HOA Dues</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Home Improvements</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Utilities:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Electricity</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Water and Sewer</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Natural Gas or Oil</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Telephone (Land Line, Cell)</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Food:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Groceries</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Eating Out, Lunches, Snacks</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Family Obligations:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Child Support</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Alimony</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Day Care, Babysitting</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Health and Medical:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Insurance (medical,dental,vision)</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Unreimbursed Medical<br />Expenses, Copays</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Fitness (Yoga,Massage,Gym)</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Transportation:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Car Payments</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Gasoline/Oil</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Auto Repairs/Maintenance/Fees</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Auto Insurance</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Other Transportation<br />(tolls, bus, subway, taxis)</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Debt Payments:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Credit Cards</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Student Loans</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Other Loans</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Entertainment/Recreation:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Cable TV/Videos/Movies</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Computer Expense</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Hobbies</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Subscriptions and Dues</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Vacations</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Pets:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Food</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Grooming, Boarding, Vet</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Clothing:</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Investments and Savings:</p></td>
    	</tr>
    	<tr>
    	  <td><p>401(K)or IRA</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Stocks/Bonds/Mutual Funds</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>College Fund</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Savings</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Emergency Fund</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH1">Miscellaneous:</p></td>
    	</tr>
    	<tr>
    	  <td><p>Toiletries, Household Products</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Gifts/Donations</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Grooming (Hair, Make-up, Other)</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td><p>Miscellaneous Expense</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH2">Total Investments and Expenses</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
    	<tr>
    	  <td></td>
    	</tr>
    	<tr>
    	  <td><p class="BSH2">Surplus or Shortage<br />(Spendable income minus total<br />expenses and investments)</p></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	  <td><input size="10" /></td>
    	</tr>
      </table>
    </form>
    </div>
    does anyone know how to do this?

  • #2
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    http://www.smashingmagazine.com/2007...nd-techniques/

    i suppose would be of use

    you can create a print only stylesheet and just assign a "noprint" (display:none; ) class to elements you dont want printed within it.
    Last edited by met; 05-23-2010 at 10:34 AM.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •