This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 3

Advanced CSS Form

Started 11 years ago by alfonso | 3 posts |


  1. alfonso
    Member

    I have got to create my own css to input like this:

    #main_body input.text {
    display: block;
    border: 1px solid #999;
    background: #999;
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    padding: 1% 0; text-indent:20px;
    margin: 0 0 15px;
    width: 96%;
    color: #fff;
    }

    #main_body textarea.textarea {
    display: block;
    border: 1px solid #999;
    background: #999;
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    padding: 1% 0; text-indent:2px;
    margin: 0 0 5px;
    width: 96%;
    color: #000;
    }

    But this style is not working fine in name field. It is smaller than the other fields. Why? Thanks

    Posted 11 years ago #

  2. redityo

    Hi,

    The name field is located under another tag (span) and this would affected the result of percentage value.
    You can try to set the padding with fixed unit pixel instead of percentage value. Example :

    padding: 1% 0; text-indent:20px;

    you can change it to

    padding: 5px 0; text-indent:20px;

    MachForm Support

    Posted 11 years ago #

  3. alfonso
    Member

    Now it is ok. Thanks

    Posted 11 years ago #

RSS feed for this topic

Reply