0

このウェブサイトhttp://faitmaisoncuisine.comをデザインしました。インデックス ページには、ニュースレターの購読があります。キーボードで Enter キーを押したときに機能している間は、[移動] ボタンをクリックできません。それはcssと関係があります。私はそれに2日間費やしましたが、解決策が見つかりません。ここで何が欠けているか教えてください。

4

1 に答える 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 に答える