背景色と画像を使ったスタイリング

ASP.NET MVC 3検証とそのCSSに関する設計上の問題を修正しようとしています。 MVCには検証メッセージ用のデフォルトCSSクラスがいくつかあり、スタイルをカスタマイズする必要がある場合は、要件ごとにこれらのクラスを単純に更新することができます。背景色と画像を使ったスタイリング

私たちの設計チームはこの検証メッセージの表示を思いつきました。必要なフィールドが見つからない場合、エラーメッセージには入力コントロールを指す「矢印イメージ」が必要です。以下は、私がここで達成しようとしていますことをレイアウトされています

enter image description here

今、私が把握しようとしていますことは、私は赤の背景色とメッセージに次の画像を揃えることができるかです。

ご意見、ご協力をよろしくお願いいたします。

2012-02-24 NiK

あなたはエラーMSG

<div class="error"> 
    <span>error message</span> 
</div>

CSS

.error{background:url(arrow.gif) no-repeat left center; padding-left:15px;} 
.error span{ padding:2px; background:red;}

を表示するために、このHTML構造を使用することができます

2012-02-24 07:22:40 Abhidev

答えて