我想在谷歌地图上显示我的联系表格。我不确定我做错了什么。我目前正在使用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%&height=600&hl=en&q=lithonia%2C%20Georgia+()&ie=UTF8&t=&z=14&iwloc=B&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>
答案 0 :(得分:0)
我在代码示例中没有看到z-index。我在#htmlform div上找到了相对位置。这会让你走上正轨吗?
<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%&height=600&hl=en&q=lithonia%2C%20Georgia+()&ie=UTF8&t=&z=14&iwloc=B&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;