Centering Form in Dreamweaver

  • Profile Image
    choreo
    Asked on August 17, 2016 at 06:47 AM

    I saw several Forum Posts on this subject, but I have tried everything I can think of and still cannot get the Form URL below to Center?

    Right now the form looks the way it should, it just aligns to the left side of the page?

    I first tried just using the iFrame code, but when I use that code, the bottom of the form that includes the SUBMIT button gets cropped off when the width of the browser window is reduced (to simulate a mobile device)?

    So, I went to the Dreamweaver Embed code and then ALL the form elements show up at all browser sizes, but I cannot align the entire form to the center. I tried wrapping the form in a Div (both with and without an ID tag) using align="center" and that centers the form, but also tries to center all the form elements independently as well which creates a mess.

    Any ideas?

     

     

  • Profile Image
    Chriistian
    Answered on August 17, 2016 at 09:48 AM
    As per checking, it seems that the .form-all div's margin has been set to 0 so the form is displayed left aligned.
     
    You can try to add this custom CSS code in your page to center your form.
     
    .form-all {
        margin: auto !important;
    }
     
     
    Do let us know if you need further assistance.
    Regards.
  • Profile Image
    choreo
    Answered on August 17, 2016 at 12:41 PM

    Christian,

     

    THANKS! That apparently did the trick!