Grow your CSS skills. Land your dream job.

Extra Space in a Contact Form?

  • # November 15, 2013 at 1:04 pm

    I have made a contact form for a site which includes error messages (.error) when the user failed to complete the form. For whatever reason, the last error message (“You must enter a message”) has an extra space between it and its text area. I’d appreciate if somebody could figure out the cause… I’m a little lost on this one.

    http://codepen.io/anon/pen/cfijl

    __
    # November 15, 2013 at 1:32 pm

    add display:block; to the textarea.

    # November 15, 2013 at 1:48 pm

    Edit: Didn’t refresh the post before posting, so I’m echoing @traq here. :P

    Add display: block; to ul.contact li textarea {} and you should be set.

    It’s doing this in Chrome because the Webkit default for the textarea element is display: inline-block;, which comes with some funky defaults. Best to override that so your span will line up properly.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".