画像の背景を持つdivをテキストボックスの右側に表示しようとしています。Float = none、left、rightを試しました。位置を試し、マージンを使って遊んだこともありますが、何も動かないようです。
<div id="status" style="background-image:url(menubar/ajax-loader.gif); width:16px; height:16px; background-repeat:no-repeat; margin-left: 245px; margin-top: 2px;"></div>
<input name="strsearch" style="color:#333" type="text" id="strsearch" onKeyUp="Search(this.form)" value="Please enter your search criteria..." size="35" maxlength="75" onFocus="clearfield();" />
それはあなたにとってどのように機能しますか？
<input name="strsearch" style="color:#333" type="text" id="strsearch" onKeyUp="Search(this.form)" value="Please enter your search criteria..." size="35" maxlength="75" onFocus="clearfield();" />
<div id="status" style="display:inline;background-image:url(menubar/ajax-loader.gif); width:16px; height:16px; background-repeat:no-repeat;padding-right:16px;"></div>
float left and right 要素をできるだけコンテナの片側に投げようとします。2 番目の要素の右側に要素が必要な場合は、HTML の 2 番目の要素の後に配置します。また、divs はブロック要素です。ブロック要素は、独自の行に配置する必要があります。インライン要素 ( など) を使用するか、改行したくないブロック要素にcss プロパティをspan設定します。displayinline
編集：これはあなたのためのスパンです
<input name="strsearch" style="color:#333" type="text" id="strsearch" onKeyUp="Search(this.form)" value="Please enter your search criteria..." size="35" maxlength="75" onFocus="clearfield();" />
<span id="status" style="background-image:url(menubar/ajax-loader.gif); width:16px; height:16px; background-repeat:no-repeat;padding-right:16px;"></span>
divだけfloat:rightで 245px の左マージンを削除して、入力を遠ざけすぎないようにします。