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
  • #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

    #193730
    shaneisme
    Participant

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

    #193765
    triplebit
    Participant

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

    #193786
    Paulie_D
    Moderator

    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.

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