Alignment Issue

  • Profile Image
    maxiimus
    Asked on June 05, 2012 at 09:36 AM

    I have the "contact form" created and all looks just perfect when I do preview in Jotform.  I used the Dreamweaver code and placed it on my website where I exactly wanted and uploaded to the server to test and see how it looks.

    All form text and fields appear but the fields are out of line.  Some left justified, some center.  Not sure why the form is behaving like that.  I reviewed the form again and again in Jotform to make sure everything was set to left.  I also tried auto but no luck.

    I have also tried to add the line "float: left", or "float: center" but no luck in aligning all fields together.  What am I doing wrong or how can I fix it.  Need desperate help.

    Thanks in advance.

  • Profile Image
    pinoytech
    Answered on June 05, 2012 at 11:32 AM

    Hi,

    Sorry for any inconvenience that may have caused you. Upon checking your form, I found out that the caused of the problem is Form Width. I have clone your form and increase Form Width to 480 from 475. Please take a look here:http://form.jotform.me/form/21564297222453?

    If you need futher assistance, please don't hesitate to contact us again anytime.

    Thank you!

  • Profile Image
    maxiimus
    Answered on June 05, 2012 at 11:43 AM

    No.  I am still having the same problem after expanding the width.  All looks fine in Jotform preview but it looks the same as shown in the image above upon uploading to the server

  • Profile Image
    pinoytech
    Answered on June 05, 2012 at 11:50 AM

    Have you tried already re-embeding your form code in to your website? If not, please give a try then delete your browsing cache and cookies as well.

    If doesn't work either, do you mind if I ask your website URL were you embeded your form for further assistance?

    Thank you!

  • Profile Image
    Answered on June 05, 2012 at 11:59 AM

    Yes, I had re-embedded the form code and had cleared all cache and cookies with no luck.  You can view the website (still under initial stage and development) at

    www.maxiimus.com

    guest and 12340

    Currently all tabs are empty except for "contact us".  so please take a look at it and let me know

  • Profile Image
    pinoytech
    Answered on June 05, 2012 at 12:07 PM

    Thank you for providing us your website. Have you tried already embeding your form code into your website using iFrame? If not, please give a try.

    If the said issue still persist, please don't hesitate to contact us again for further assistance and to investigate the said issue.

    Thank you!

  • Profile Image
    Answered on June 05, 2012 at 12:08 PM

    I did not try iFrame but will give it a try

  • Profile Image
    Answered on June 05, 2012 at 12:12 PM

    OK.  iFrame works but I really wanted to utilize Dreamweaver format so that I can work with my CSS for global purpose. 

    The Dreamweaver code format had its own inline CSS formatting which is why I was most interested in utilizing

  • Profile Image
    jonathan
    Answered on June 05, 2012 at 05:25 PM

    @maxiimus

    Hi, I tried checking also the website/form, unfortunatelly the guest account is no longer available.

    Please inform us if further assistance is needed. Thanks.

  • Profile Image
    maxiimus
    Answered on June 07, 2012 at 09:51 PM

    I am all good since I began using iFrame.  But would rather use Dreamweaver code which I can't seem to get it working

  • Profile Image
    jeanettebmz
    Answered on June 07, 2012 at 10:10 PM

    I would suggest to keep the iFrame code and if you wont to keep your Dreamweaver style, you can inject custom CSS into your form

    Hope this hints helps you

    Best regards

    Jeanette