0

ここにあるフォームでsumbitをクリックすると：

http://test-bed.co.uk/garden/book.php

検証メッセージが希望どおりに表示されないので、入力要素の横にインラインであるかのように表示したいと思います。

ラベルまたは入力のスタイリングルールが問題の原因である可能性があると思います。それらがフロートされると、フォームのIDを持つcontaingdivが左にフロートされます。

#aform label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    text-align: left;
}

.inputstyle2 {
    float: left;
    margin-right: 240px;
    width: 300px;
}

#form {
    float: left;
}

私が間違ったことについての提案や説明をいただければ幸いです。

4

1 に答える 1

1

まず、以下の範囲内で削除margin-rightおよび追加する必要があります。clear: both.inputstyle2

.inputstyle2 {
    clear: both;
    width: 300px;
}

エラーラベルは、フロート効果を削除することを継承clear: bothしているため、入力フィールドの下に配置されたままになります。#aForm labelありがたいことに、より具体的なCSSセレクターを使用し、clear：を削除することで、これをオーバーライドできます。

#aForm label.error {
    clear: none;
}
于 2012-08-04T11:47:41.343 に答える