Re: Problems using checkbox within a table.


Daz wrote:

Hello everyone. I am not sure where best to post this, but as I believe
it's an issue with IE, I posted here.

Good news!

The problem isn't with the checkbox as such, it's more to do with the
checkbox being inside a form. IE adds the padding to the actual form
itself. We can fix this with CSS (Cascading Style Sheets). Below is a
little information which I hope might be useful to anyone else who's
experienced the same problem.

You can simply add:

<style>
form {
margin:0px;
padding:0px;
}
</style>

to between the <head></head> elements on your html source. Please note
that this will be applied to ALL forms on the page. You will need to
use a CSS class like this:

<style>
form.fixme {
margin:0px;
padding:0px;
}
</style>
and again, place it in between the <head></head> elements in your HTML
source, and then call upon that css class from with you form like so:

<form class='fixme' method='post' action='somepage.php'>
<input type='checkbox' />
</form>

Note that the class in this instance is called 'fixme', which can be
changed to suit your own tastes. If you don't put it into your form,
then the form will not use it.

or you can use a CSS style within your form like this:

<form style='margin:0px;padding:0px;' method='post'
action='somepage.php'>
<input type='checkbox' />
</form>

Yes, it's an ugly hack, but it works!

.