I have a list of checkboxes and drop downs stacked on top of each other. My problem is that without the <form> tags in my code (see below) the checkboxes are close to each other.
- Code: Select all
Include sales tax? <input name="salesTax" type="checkbox" value="Y" checked="checked"><br />
Invoice required? <input name="invoiceRequired" type="checkbox" value="Y" checked="checked">
But because these two checkboxes are actually in two different forms. Once I add the <form> tags (see below) that checkboxes are pushed away from each other like they have a margin around them.
Can this margin (or whatever it is) be set at 0px in CSS?
See final code below:
- Code: Select all
<form id="tax" name="tax" method="post" action="page.php">
Include sales tax? <input name="invoice" type="checkbox" value="Y" checked="checked" onclick="document.tax.submit();return false;">
</form>
<form id="invoice" name="invoice" method="post" action="page.php">
Invoice required? <input name="invoice" type="checkbox" value="Y" checked="checked" onclick="document.invoice.submit();return false;">
</form>
