3

メーリングリストフォーム用に開発中のサイトに含まれているMailchimpが提供するコードを修正しようとしています。

基本的に、コードはテーブル内に含まれており、Mailchimp コードはテーブルの 1 つのセルにあります。内容は、タイトル、メールアドレス入力欄、「送信」ボタンです。現在のケースのように、セルの内容が互いに下に表示されるのではなく、すべて 1 行に表示されるようにコードを修正したいと思います。

コードと CSS はhttp://jsfiddle.net/surfersteve1970/x9QLP/にあります。

よくあることですが、ばかげたことをしただけだといいのですが、この1時間頭を机にぶつけた後、脳にさらなる損傷を与えるよりも、助けを求めてみるのが最善だと思いました.

助けを期待してありがとう。

スティーブ

4

1 に答える 1

2

http://jsfiddle.net/iphipps/CLFBj/1/

電子メールとボタンの両方の入力がブロックとして表示され、フロートまたはインラインで表示されませんでした。以下のコードは私のために働いた。 

#mc_embed_signup input.email{
display:inline-block;
}

#mc_embed_signup input.button {
display:inline-block;
}

注: 添付の jsfiddle では、両方のセレクターの表示を変更し、コメントの後に以下のコードを追加しました。何らかの理由で、jsfiddle は CSS カスケード オーバーライドを好まないようです。

于 2013-03-11T19:06:13.423 に答える