CSS Issue with Form

Discussion in 'HTML & Website Design' started by Webdesign12, Oct 14, 2016.

  1. #1
    Hi guys, new to this forum so I really hope you can help!

    I have a contact page that i'm trying to build but I'm having two issues, one is with Google Maps, and the other is with my contact form.

    I created a form using - https://www.jqueryform.com/

    Here is my form: http://pro144.com/form.html
    Here is my original page and I'm trying to insert that HTML code under the phone number and above the map: http://pro144.com/contactus-noform.html
    This is the end result.... http://pro144.com/contactus.html

    It seems to be messing with all the CSS in the header. Should I wrap it in a div somehow or how can I make it so that it works? I figured by just pasting the entire HTML from http://pro144.com/form.html would work.

    My second question, any idea why the map won't work and how I can fix that? I have this page on another domain and it works, but here it won't. Any feedback would be much appreciated!!! Capture.JPG
     
    Webdesign12, Oct 14, 2016 IP
  2. wordplucker

    wordplucker Well-Known Member

    Messages:
    205
    Likes Received:
    38
    Best Answers:
    1
    Trophy Points:
    105
    #2
    According to the JS console on firefox you have a bad api key

    "Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys" util.js:208:33
    "Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required" util.js:208:33
    "Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error" js:34:391
     
    wordplucker, Oct 14, 2016 IP