Question

我已将Wordpress“联系我们”页面添加到我的网站。但我无法正常调整内容。我添加了一个联系表单和谷歌地图iframe。但我无法将它们放在同一水平上。页面的侧边栏是隐藏的，我不需要它。如何解决这个问题？

http://www.mersinhatayrestaurant.com/?page_id=10

我也尝试使用表格

<table>
<tr>
<td>[si-contact-form form='1']</td>

<td>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe>
</td>

</tr>
</table>

但没有改变。我在等你的解决方案。谢谢。

Answer 1

尝试浮动：在iframe和div上留下没有表格的联系表格。或添加vertical-align：top;通过联系表格到TD。你已经静态地为iframe分配了高度和宽度，如果它高于接触形式，那么它将填满整个TD单元格，接触形式将移动到底部，因为TD的默认行为是vertical-align：bottom;

编辑：

动态地为您的网站添加了垂直对齐，但它确实有效，只需在下面添加即可。

<table>
    <tr>
    <td style="vertical-align:top;">[si-contact-form form='1']</td>

    <td>
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Hatay+Restaurant,+Yeni%C5%9Fehir,+Adnan+Menderes+Bulvar%C4%B1,+Mersin,+T%C3%BCrkiye&amp;aq=0&amp;sll=36.804204,34.638567&amp;sspn=0.194075,0.528374&amp;g=mersin&amp;ie=UTF8&amp;hq=Hatay+Restaurant,&amp;hnear=Adnan+Menderes+Blv,+Mersin%2FYeni%C5%9Fehir,+T%C3%BCrkiye&amp;ll=36.778016,34.586682&amp;spn=0.006295,0.011489&amp;output=embed"></iframe>
    </td>

    </tr>
</table>

Wordpress内容对齐问题

1 个答案: