Mysterious gap underneath input box

HTML & CSS
1

This really isn’t a big issue, but can someone tell me why there’s always a gap underneath the E-Mail input box on my contact form?

I really can’t seem to find a solution to this problem…

2

Hi,

I think you have an unnecessary class on that input:

<p><label for="email">E-Mail:</label><input id="email" name="from" class="required [COLOR="Red"]email[/COLOR]" type="text"></p>

It’s applying this space:


.email {background-image: url(/images/mini/email.png); margin-bottom: 1em;}
3

Hi Erik,

Yes, you are so right. I’ve looked at this code for so long. But it seems I couldn’t see the wood for all the trees.

Thanks so much, works like a charm now…