ui-iconスパンがインラインで表示されない

jQueryテーマからのui-iconを、運がないテキストボックス要素の右側に揃えようとしています。ui-iconスパンがインラインで表示されない

私はさまざまな浮動小数点数を試しました（左浮動小数点は浮動小数点数をテキストボックスの左側にプッシュし、右浮動小数点は親要素の末尾までプッシュします。私はディスプレイを試しました：インライン、私はディスプレイを試しました：インラインブロック...何も動作していないようです。

とにかく、私はそれをページに置いた場所にちょうどhtmlインラインをレンダリングするべきではありませんか？

<td><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><span class="ui-icon ui-icon-help ui-state-default" id="tbHelp" style="inline-block;" title="What's This?"></span></td>

出典

2011-09-15 Christopher Johnson

tdにクラスまたはIDを割り当て、このエレメントに幅を割り当てることができます。この幅は、アイコンのサイズを考慮して割り当てる必要があります。その後、フロートを右に進めます。 Span要素がテキスト用に使用されるので、このアイコンにイメージタグを使用してみてはいかがですか？

<head> 
     <style type="text/css"> 
      .tdd{ 
       width: 50px; 
       height: 20px; 
       background-color: blue; 
      } 
     </style> 
    </head> 
<body> 
    <table> 
    <td class="tdd"><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><img src="img/bgFlag.png" width="16" height="16" class="ui" id="tbHelp" style="inline-block;" title="What's This?"></td> 
    </table>

出典

2011-09-15 15:47:19 George

tdに幅を置くと問題があります。これより上には、幅の広い要素がいくつかあります。私はui-icon用の画像セットで疑問符を切り抜いて画像にすることができたと思いますが、もっとエレガントなものを望んでいました... –

この場合、さらにコードを投稿してください – George

ui-iconスパンがインラインで表示されない

答えて

関連する問題