Grey Line In Text Box

Hi I have a form on my website that has a text field, but in it there is this grey line. fourquotes.co.uk/accountants Its the Question 5 I am talking about. I use Google Chrome and the top part is white then it is grey. Even when I drag the box and make it larger it still has a grey line. Anyone know what this is?

 

Yeah I know.

Its bg-textarea.gif. Your css looks like this;

#change_left textarea{
    background:url(images/bg-textarea.gif) repeat-x;
    height:80px;
    width:300px;
    border:1px solid #D6D6D6;
    color:#888888;

HTML:

All you have to do is remove the TEXTAREA in css above, and add;

textarea{
    height:80px;
    width:300px;
    border:1px solid #D6D6D6;
    color:#888888;

HTML:

Or you can add this;

textarea{background:none;}

HTML:

Good luck.

 

Thank you so much! that has worked and really helped me out!

 

Glad that worked out for you. Practice good code writing.

 

Yes, I am actually thinking of changing my website over to WordPress, its just such a huge job and will take so long and cost so much

 

PS can you see any coding errors on the site? When I do a W3C check on the site it comes up with loads! But most sites have loads of coding errors.

 

I'm no expert in this. I'm on the learning process myself, but for starters, lets write codes semantically.