javascript - how to Load contact form on top of a google map? -


I want to create a contact page in mysite (joomla) So I got the map embedded code and it was added to the page as a module. Now I want to add the contact form above the map. As a background map and contact form on that background.

As map load iframe I can not control this problem Can someone help me solve this problem?

This is my module php page structure.

  & lt; Div class = "row" style = "padding: 10px;" & gt; & Lt; Div class = "row map" & gt; & Lt; Iframe scrolling = "no" .... width = "100%" height = "450" ​​frameborker = "0" style = "border: 0" & gt; & Lt; / Iframe & gt; & Lt; Div class = "col-md-6 contact form" & gt; // Contact Form should go here // This is another module; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

Did you try the form's status in this way:

< P> HTML:

  & lt; Div class = "line" style = "padding: 10px;" & Gt; & Lt; Div class = "row map" & gt; & Lt; Iframe scrolling = "no" .... width = "100%" height = "450" ​​frameborker = "0" style = "border: 0" & gt; & Lt; / Iframe & gt; & Lt; Div class = "col-md-6 contact form" & gt; // Contact Form should go here // This is another module; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

CSS:

  .row {status: relative; Width: 500px; Height: 400px; Border: 1px solid red; Hidden flurry; } .map {width: 300px; Height: 250px; }. Contact form {status: complete; Top: 50%; Left: 30%; Z-index: 1000; Background: #BFBFBF; Padding: 20px; }  

Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -