Forums

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

Home › Forums › CSS › Contact Form Fields have different width

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 20, 2015 at 4:52 am #193713
    triplebit
    Participant

    Here is my site
    http://itziklavi.triplebit.com/

    Regarding the Contact Form in the right sidebar:
    In IE and also in Chrome it looks fine.
    In Firefox the fields length is not identical, and only the middle one is OK, and also in a strait line with the lower text box.
    Can someone help please?
    Regards
    I. Lesher

    January 20, 2015 at 10:48 am #193730
    shaneisme
    Participant

    Have you tried giving your inputs a width of 100%?

    January 20, 2015 at 10:39 pm #193765
    triplebit
    Participant

    Thanks Mr. shaneisme
    I’ve tried your advise but this psoils the appearance in Chrome
    Reagards
    I. Lesher

    January 21, 2015 at 3:38 am #193786
    Paulie_D
    Member

    The’re not the same size for me in Chrome.

    I do notice that the <textarea> has 4px of padding which the others do not.

    Removing that makes the inputs all the same width.

    I’m not convinced that wrapping inputs in p tags and spans is a good idea either….I’d be using divs myself.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.