ユーザー名がデータベースに存在しない場合、登録フォームがあり、テキスト ボックス (太いマークの画像) の横に画像が表示され、それと共にテキストを表示したい
「このユーザー名は既に存在します」
$("#usr_verify").css({ "background-image": "url('<?php echo base_url();?>images/no.png')" });
$("#usr_verify2").text("it does not exist ::");
これらの 2 つのセレクターは、テキストと画像を 2 つの異なるスパンで送信しています。1 つは ID usr_verify で、もう 1 つは ID usr_verify2 です。
両方のスパン タグが 1 つの段落タグに含まれるようになりました。私のエラーは、テキストが画像に重なっているということです。テキストはその画像に表示されます。私が間違っている場所はありますか？
padding と margin を使用してテキストを調整し、 image display:inline block; も指定します。.
マークアップとおそらくJsFiddleを見ずに何が起こっているのかを正確に伝えることは困難ですが、ここでそれを突き刺します:
スパンはインライン要素であるため、高さと幅を明示的に指定することはできません。背景画像は画像ブロックではなく、画像全体を表示するために必要なスペースを前提としていますが、実際には許可されている領域を埋めるだけです。
imgの代わりに を使用するか、幅と高さを画像が必要とするものに設定できるようspanにスパンを指定してみてください。display: inline-block
編集：
David の言うとおりです...何が起こっているのかわかりません...特に。スタイリングの css カスケードの影響を考慮します。あなたのサイトはネット上で利用できますか？もしそうなら、リンクしてください。マークアップをチェックして、私が助けることができるかどうか見てみましょう