Compatability of Contact Form fileds

Get Started
1

First Post so apologies if I’m breaking any rules.

I have a contact form on my website www.cdimaging.net

When viewing it on other colleagues computers I notice that the form field where text is to be entered is too narrow and not as I designed the contact form.

Customers wanting to contact me are not able to complete the form field which was designed in Dreamweaver.

How can I ensure that this form will look the same in all browsers?

Warning - 57 year old web novice.

My thanks in advance

2

Hi millie. Welcome to the forums. :slight_smile:

What browsers were being used on those other computers? How wide do you actually want the form fields to be? Did customers say what the problem was with the form? The width of the form field doesn’t restrict the amount of content that can be entered.

3

Hello Ralph
Its not the width more the height, but I can’t pinpoint what browser it was. I think the one time it was IE7.

I see it fine on IE9/10 and I think its OK on Firefox, Chrome and Opera.

I’ll get some more people to test it and post again.

Thanks

Millie

4

O, right. I notice that, in your style sheet (around line 201), the inputs are set to height: 0;

textarea, input[type="text"] {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
width: 30%;
margin-top: -3px;
background-color: #FFF;
[COLOR="#FF0000"]height: 0%;[/COLOR]
}

Go into your styles.css file and remove that line. It isn’t useful, and is probably causing the issue.

5

Hi Ralph

I’ve taken out that line and tried it on http://www.netrenderer.com/ a site where you can view screen shots of a web page on different browser versions. It looks to be OK except for IE 6 but I’m not too bothered about that as nobody should be going back in time that much.

I will get my daughter who uses IE 8 at work to check it out Monday to be definite and let you know the outcome.

Cheers

6

Hi Millie,
First get the problems what your customers facing problems.After that, i think all browsers issues will be solved through CSS.

7

Ralph, really sorry that I did not get back to you especially as you effectively resolved the problem. Thank you very much for your help, I can’t think why I had that line in the code. I’ve only just noticed also that my spelling isn’t up to much!!
Do I have to physically close the thread now its resolved?

8

No, that’s fine. It can just remain as is. Glad you found a solution. Best wishes! :slight_smile: