1

私は単純なhtmlフォームを持っています。このフォームには特定の幅とマージン auto があるため、フォームは画面の中央にあります。

form 
{
    margin: 0px auto;
    padding: 0;
    min-width: 600px;
    width: 650px;
}

すべてのテキストボックスが満たされているかどうかを検証します。独自の css クラスで asp:RequiredFieldValidator を使用します

.ErrorMessage
{
    position:relative;
    left: 80px;
    width: 150px;
    font-weight: bold;
    display:inline;
}

ただし、フォームの最大幅のため、エラーメッセージはフォームからすぐには表示されません。エラー メッセージは 2 行に分割されます。フォームが画面の中央にあるため、絶対位置を使用できません。

問題は、フォームに境界線があり、最大幅を拡張できないことです。これはスクリーンショットです: http://suffball.de/form_error.png

エラーメッセージをフォームの右側に配置するにはどうすればよいですか? JavaScript を使用しないソリューションが必要です。

これは可能ですか？

ありがとう！

4

1 に答える 1

0

.ErrorMessage以下のように Css クラスを変更します。

.ErrorMessage
{
    position:relative;
    left: 80px;
    width: 150px;
    font-weight: bold;
    display:inline;
    float: right;
}

これで問題が解決することを願っています。

于 2012-06-12T11:29:53.673 に答える