Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Extra Space in a Contact Form?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #156217
    siouxfan45
    Participant

    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

    #156220
    __
    Participant

    add display:block; to the textarea.

    #156222
    Josh
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.