联系表格7按钮不起作用

Question

我设计了这个网站http://faitmaisoncuisine.com。在索引页面上订阅时事通讯。当您在键盘上按Enter键时，go按钮不可点击。这与css有关。我花了两天时间才找到解决方案。 你能否告诉我这里缺少什么。

Answer 1

你有这部分代码：

<div class="grid-12">
    <p class="h1">Our Offerings</p>
    <p class="homeOffering">Fait Maison is a creative catering concept based in Dubai that also offers innovative tailor made plans to suit the bio-individuality of each person.</p>
</div>

这些元素的CSS：

.h1 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.6em;
    color: #946c60;
    margin-top: -80px;
    padding-left: 10px;
    height: 1px;
}

.homeOffering {
    padding: 50px 421px 10px 10px;
    font-size: 1.25em;
    line-height: 1.3em;
}

问题是由以下原因造成的：您为.h1段提供了-80px的保证金，这导致简报框与.h1段重叠。

您需要做的是（不重做整个布局）：

• 将div类从grid-12更改为grid-8
• 将.homeOffering段落的右边距从421px更改为50px左右，以便您可以恢复原始段落布局。