Grow your CSS skills. Land your dream job.

[Solved] Textarea / Input / Form – Problem with spacing

  • Anonymous
    # September 24, 2010 at 8:46 am

    Hi there,

    I am designing a web form and I can’t really tell, why there is extra space at the bottom of the textarea.
    This link might give you a better unterstanding (no worries, it is a link to an image, shared on cloadapp):

    http://cl.ly/5987344fd8dec3d9ffb8

    Sorry for the german text, but this image shows – here in Safari – that there is some extra margin/padding after this textarea.

    Could anyone help me to clear this extra space, so there is equal space (top/bottom)?

    Cheers,
    Fred

    # September 24, 2010 at 8:54 am

    at the top of your css code, put this..

    *{
    margin: 0 auto;
    padding: 0;
    }

    See if that works.

    Anonymous
    # September 24, 2010 at 8:56 am

    Doesn’t work. I use Eric Meyer’s CSS Reset. It is much better than this simple reset.
    But thank you for your fast suggestion!

    Bob
    # September 24, 2010 at 9:35 am

    We’re gonna have to see some code to see where the problem lies. You’ve probably set some margin-top or margin-down on either the button or the text field. Show some code and we can help you.

    # September 24, 2010 at 12:09 pm

    We’re gonna have to see some code to see where the problem lies.

    The user has provided a link to the problem page already:

    http://cl.ly/5987344fd8dec3d9ffb8

    Anonymous
    # September 24, 2010 at 12:55 pm

    Now I got it: I see there isnt a reset for input and textarea so I only need to write display:block and margin:0 and everything is fine.

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

You must be logged in to reply to this topic.

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