2011-09-15 55 views
0

我想從jquery主題到文本框元素的權利對齊一個UI圖標沒有運氣。UI圖標跨度不顯示內聯

我已經嘗試了不同的浮動(左浮動將它推到我的文本框的左側,右浮動將它一直推到我的父元素的末尾,因此它不會坐在我的文本框旁邊),我試過顯示器:內嵌,我試過顯示器:內嵌塊...沒有任何東西似乎工作。

不應該跨越只是呈現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> 

回答

0

您可以將類或id分配給td併爲此元素分配寬度。應該考慮圖標大小來分配此寬度。然後繼續右鍵。跨度元素用於文字,爲什麼你不使用圖像標籤這個圖標?

<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> 
+0

在td上放一個寬度的問題是在這個之上有幾行有更寬的元素。我想我可以將圖像集中的問號剪出來作爲UI圖標,並將其作爲圖像,但我希望有更優雅的東西... –

+0

在這種情況下發布更多代碼 – George