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
Post a Comment