在我的谷歌地图上覆盖我的联系表格

时间:2018-05-08 16:07:58

标签: javascript html

我想在谷歌地图上显示我的联系表格。我不确定我做错了什么。我目前正在使用z索引,但没有运气。

<div id="page4">
      <a id="contact" class="smooth"></a>
      <div style="width: 100%"><iframe width="100%" height="600" src="https://maps.google.com/maps?width=100%&amp;height=600&amp;hl=en&amp;q=lithonia%2C%20Georgia+()&amp;ie=UTF8&amp;t=&amp;z=14&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"><a href="https://www.maps.ie/create-google-map/">Add map to website</a></iframe></div>

      <div id="htmlform">
        <form name="htmlform" method="post" action="html_form_send.php">
          <table width="450px">
            </tr>
            <tr>
              <td valign="top">
                <label for="first_name">First Name *</label>
              </td>
              <td valign="top">
                <input type="text" name="first_name" maxlength="50" size="30">
              </td>
            </tr>

            <tr>
              <td valign="top" ">
  <label for="last_name ">Last Name *</label>
 </td>
 <td valign="top ">
  <input  type="text " name="last_name " maxlength="50 " size="30 ">
 </td>
</tr>
<tr>
 <td valign="top ">
  <label for="email ">Email Address *</label>
 </td>
 <td valign="top ">
  <input  type="text " name="email " maxlength="80 " size="30 ">
 </td>
 
</tr>
<tr>
 <td valign="top ">
  <label for="telephone ">Telephone Number</label>
 </td>
 <td valign="top ">
  <input  type="text " name="telephone " maxlength="30 " size="30 ">
 </td>
</tr>
<tr>
 <td valign="top ">
  <label for="comments ">Comments *</label>
 </td>
 <td valign="top ">
  <textarea  name="comments " maxlength="1000 " cols="25 " rows="6 "></textarea>
 </td>
 
</tr>
<tr>
 <td colspan="2 " style="text-align:center ">
  <input type="submit " value="Submit ">   ( <a href="http://www.freecontactform.com/html_form.php ">HTML Form</a> )
 </td>
</tr>
</table>
</form>
</htmlform>
我想在谷歌地图上显示我的联系表格。我不确定我做错了什么。我目前正在使用z索引,但没有运气。 我想在谷歌地图上显示我的联系表格。我不确定我做错了什么。我目前正在使用z索引,但没有运气。我想在我的谷歌地图上显示我的联系表格。我不确定我做错了什么。我目前正在使用z索引,但没有运气。我想在我的谷歌地图上显示我的联系表格。我不确定我做错了什么。我目前正在使用z索引,但没有运气。我想在我的谷歌地图上显示我的联系表格。我不确定我做错了什么。我目前正在使用z索引,但没有运气。

1 个答案:

答案 0 :(得分:0)

我在代码示例中没有看到z-index。我在#htmlform div上找到了相对位置。这会让你走上正轨吗?

&#13;
&#13;
<div id="page4">
      <a id="contact" class="smooth"></a>
      <div style="width: 100%"><iframe width="100%" height="600" src="https://maps.google.com/maps?width=100%&amp;height=600&amp;hl=en&amp;q=lithonia%2C%20Georgia+()&amp;ie=UTF8&amp;t=&amp;z=14&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"><a href="https://www.maps.ie/create-google-map/">Add map to website</a></iframe></div>

      <div id="htmlform" style="position: relative; bottom: 250px;">
        <form name="htmlform" method="post" action="html_form_send.php">
          <table width="450px">
            </tr>
            <tr>
              <td valign="top">
                <label for="first_name">First Name *</label>
              </td>
              <td valign="top">
                <input type="text" name="first_name" maxlength="50" size="30">
              </td>
            </tr>

            <tr>
              <td valign="top" ">
  <label for="last_name ">Last Name *</label>
 </td>
 <td valign="top ">
  <input  type="text " name="last_name " maxlength="50 " size="30 ">
 </td>
</tr>
<tr>
 <td valign="top ">
  <label for="email ">Email Address *</label>
 </td>
 <td valign="top ">
  <input  type="text " name="email " maxlength="80 " size="30 ">
 </td>
 
</tr>
<tr>
 <td valign="top ">
  <label for="telephone ">Telephone Number</label>
 </td>
 <td valign="top ">
  <input  type="text " name="telephone " maxlength="30 " size="30 ">
 </td>
</tr>
<tr>
 <td valign="top ">
  <label for="comments ">Comments *</label>
 </td>
 <td valign="top ">
  <textarea  name="comments " maxlength="1000 " cols="25 " rows="6 "></textarea>
 </td>
 
</tr>
<tr>
 <td colspan="2 " style="text-align:center ">
  <input type="submit " value="Submit ">   ( <a href="http://www.freecontactform.com/html_form.php ">HTML Form</a> )
 </td>
</tr>
</table>
</form>
</htmlform>
&#13;
&#13;
&#13;