我设计了这个网站http://faitmaisoncuisine.com。在索引页面上有订阅时事通讯。当您按键盘上的 Enter 键时,go 按钮无法点击。这与css有关。我花了2天时间,找不到解决方案。你能建议我在这里缺少什么吗?
问问题
66 次
1 回答
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
,这样您就可以恢复原始段落布局。
于 2013-07-25T08:22:58.053 回答