Hi,

 

i am currently putting together a lil website for a friend of mine, and i have created a form so that people can request a quote. the problem is that i'm getting borders around the check boxes in FF and Safari?!?!?

 

any ideas?

You have most likely added a border attribute to your input tags in order to place a border around your input fields.

 

Your CSS will probably look like:

 

input {
border: 1px solid #000000;
}

The above will add a border around every input tag (including your radio buttons and checkboxes).

 

To rectify the problem, use a class in your css such as:

 

input.text {
border: 1px solid #000000;
}

And add the class "text" to your text field for example:

 

<input type="text" size="20" name="text_example" class="text" />
<input type="checkbox" name="check_example" />

thanks but i'm not sure that that is the problem

 

have a look on http://www.midwestmachinery.co.uk/butlers/events.html

Its something to do with the fact that you have a table in a table (probably in another table).

 

Use Firebug in FF and you can easily remove the table cells and see the problem.

 

Just remove the multiple Table layering and you'll be fine.

Take this...

 

<table width="300" border="0" rules="all" id="Table">
     <tbody><tr>
       <td width="58" align="left">BBQ</td>
       <td width="24"><label>
         <input type="checkbox" value="Yes" id="BBQ" name="BBQ"/>
         </label></td>
       <td width="81" align="right">Hog Roast</td>
       <td width="20"><label>
         <input type="checkbox" value="Yes" id="HogRoast" name="HogRoast"/>
         </label></td>
       <td width="56" align="right">Bar</td>
       <td width="35"><label>
         <input type="checkbox" value="Yes" id="Bar" name="Bar"/>
         </label></td>
       </tr>
   </tbody></table>

 

And turn it into this...

BBQ<input type="checkbox" value="Yes" id="BBQ" name="BBQ"/>
HogRoast<input type="checkbox" value="Yes" id="HogRoast" name="HogRoast"/>
Bar<input type="checkbox" value="Yes" id="Bar" name="Bar"/>

 

Its just the same but without the table cells.

You will obviously have to change the code from this - its not presentable. But it shows that the problem is due to table cells.

Thanks for that

 

one other quick thing, the form doesnt seem to submit to e-mail correctly is ie8 is this a common problem?

There aren't any ie8 problems with mailing that I know of, but I don't tend to submit emails in that method.

 

Having actual email addresses in the code like that makes your site vulnerable to spamming. So, if you have the know-how, I would submit the form to a seperate page which emails you without displaying the email address anywhere.

 

You'll need server-side scripting to do this... have a search around t'internet for info. There's loads of resources available advising you on how this is done.

its only an example site so not too fussed about the scripting.

but ie is the only browser which does not seem to populate the e-mail?

I just used the form to send you a test email. See if that work. I think it did.

 

AND I did it from ie8...

yeah worked fine, must be an issue at my end then